Loading...
Loading...
Found 46 Skills
Use when adding interaction testing to Storybook stories. Enables automated testing of component behavior, user interactions, and state changes directly in stories.
Use when setting up or configuring Storybook for a project. Covers main configuration, addons, builders, and framework-specific setup.
Sets up Storybook for component documentation with controls, actions, accessibility testing, and visual regression. Use when users request "Storybook setup", "component documentation", "UI library", "component stories", or "design system docs".
Use when creating Storybook play functions, writing interaction tests in stories, or reviewing play function code in pull requests. Ensures consistent structure, proper query priorities, correct async handling, and best practices for Storybook interaction testing.
Generate personalized illustrated storybooks with custom artwork. Supports 5-10 pages (default 6), age-appropriate text length (3-18 years), and multiple art styles (watercolor, cartoon, pixel-art, claymation, comic, coloring-book). Use when creating picture books, children's storybooks, illustrated stories, or any request involving generating a story with images for children.
Use when creating or improving component documentation in Storybook. Helps generate comprehensive docs using MDX, autodocs, and JSDoc comments.
Use when configuring interactive controls and args for Storybook stories. Helps create dynamic, explorable component demonstrations with proper type constraints.
Create, update, or refactor Storybook stories following the project's standard patterns. Use when adding stories for new components, updating existing stories, or fixing Storybook-related issues. Don't use for component implementation itself, design-system token changes, end-to-end browser tests, or non-Storybook documentation.
Use when creating or modifying Storybook stories for components. Ensures stories follow CSF3 format, properly showcase component variations, and build successfully.
Transform a user-provided photo or image into a strange vintage Soviet or Eastern European children's book illustration with grotesque humorous cartoon energy, shaky ink, faded watercolor, dirty paper texture, awkward anatomy, nervous absurd expressions, sparse composition, and an absurd handwritten English rhyme. Use this skill when the user asks to turn a photo into an unsettling old children's book illustration, 1980s Eastern European illustration, weird Soviet cartoon book art, grotesque watercolor storybook art, or clumsy absurd illustrated caption style. Do NOT trigger for polished fantasy art, cute children's illustration, modern vector art, realistic portraits, anime, clean editorial illustration, or generic vintage filters.
Create, update, or refactor Storybook stories following the project's standard patterns. Use this skill when adding stories for new components, updating existing stories, or fixing Storybook-related issues.
Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standards, building component libraries, or ensuring cross-team consistency. Keywords: design-tokens, typography, spacing, color-palette, components, patterns, variables, dark-mode, theming, CSS-variables, accessibility, WCAG, responsive, grid-system, breakpoints, design-scale, semantic-tokens, component-library, style-guide, documentation, Figma, Storybook, brand-consistency, design-principles