frontend-component-writing

Invoke BEFORE you touch a frontend component, on EVERY change, with no exception. Call this FIRST — before writing, editing, or deleting — so the workflow governs how the change is made, not after the fact. Triggers on creating, editing, OR deleting any frontend component (React/Vue/Svelte and similar *.tsx/.jsx/.ts/.js/.vue/.svelte files) or anything it renders with: props, variants, states, markup, layout, styling, CSS/Tailwind/styled-components, themes, tokens, icons, or assets. Invoke this even if you believe the change is cosmetic-only, internal, a refactor, a rename, a deletion, or has "no behavior change" — that judgment is NOT yours to make here; the skill always runs first. Ensures every component create/edit/delete is reflected in its Storybook stories by handing off to the `stories` skill.

By storybookjs schedule Updated 6/9/2026