Organize and visualize Svelte UI component documentation with CSF-based stories.
npx skills add https://github.com/gzp79/shine-web-v2 --skill storybook-gzp79
Please help me install this Agent Skill. Skill: storybook Source: https://github.com/gzp79/shine-web-v2/tree/main/.claude/skills/storybook Command: npx skills add https://github.com/gzp79/shine-web-v2 --skill storybook-gzp79
Storybook visualizes and documents UI components, enabling teams to communicate usage and states without heavy code changes.
Create a CSF-style story by defining metadata with defineMeta and a Story that renders your component, then view it in Storybook to document UI.
High-intent search queries and answers about installing and using this skill.
Visual component documentation in Svelte is created using CSF-based .stories.svelte files where you define component metadata with defineMeta and render variants in a Story block to display states and design-system guidelines in Storybook.
Showing UI component variants during design review is best achieved by creating live Storybook examples that contextually render different component states, enabling teams to communicate usage without heavy code changes.
Storybook supports Svelte and TypeScript for design-system documentation by using CSF-based .stories.svelte files and the defineMeta function to visually document component states, variants, and usage guidelines.
Setting up a CSF story for a Svelte component requires adding YAML frontmatter with a name and description, defining metadata via defineMeta, and creating a Story block that renders your component to view in Storybook.
You need visual documentation for UI components when you want to demonstrate usage in real scenarios, document design-system guidelines, and support design reviewers and developers during UI development and debugging.
vecearAutomate Storybook setup, configuration, and CSF3 story authoring for frontend projects.
pedronauckGenerate and refactor Storybook stories following project patterns and design tokens.
flutterWrite Flutter widget tests using the WidgetTester API to verify UI rendering and interactions.
zzafergokConvert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.
