DevelopmentMédio

Storybook

pordalestudy·dalestudy· v1.0.0 · atualizado em 2026-04-10

Score

Skill for writing Storybook stories and following CSF 3.0 best practices. Use when: (1) creating new story files (.stories.tsx, .stories.ts), (2) modifying existing stories, (3) configuring Args, Decorators, or Parameters, (4) working with Storybook configuration files (.storybook/), or (5) tasks involving the keywords 'story', 'stories', 'storybook', or 'CSF'.

storybookcomponent-story-formatui-developmentreacttestingdocumentationfrontend-development

Linguagens

TypeScriptJavaScript

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdstorybook/workflow

1. Identify the component requiring a Storybook story.

2. Define the component's props and variations.

3. Create a new story file or modify an existing one.

4. Implement CSF 3.0 format with Meta and Story definitions.

5. Utilize Args to control component properties.

6. Apply Decorators for context and theming.

7. Configure Parameters for layout and backgrounds.

8. Verify the story in Storybook for accuracy and interactivity.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aAceternity UI Skill

60%

Similar aTailwind Best Practices

60%

Similar aAngular Core Mental Model

60%

Árvore do Skill

Storybook

storybook

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.REFLECT

Triggers10

create a storybook storymodify an existing storybook storyconfigure args in storybookset up decorators in storybookwork with storybook configuration filesuse CSF 3.0 in storybookwrite a story for a react componentcreate storybook documentationconfigure parameters in storybookimplement best practices for storybook

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download storybook

$ synaptic skills detail storybook

$ synaptic skills live storybook

Dependências

@storybook/react @storybook/react-vite @storybook/addon-essentials @storybook/addon-interactions

Links

GitHub Repository