Storybook agent skills, page 2

Build, configure, and debug apps with the Quasar framework (quasar npm package, v2.33.1).

skilld-dev/vue-ecosystem-skills

Add a new component to the design-system library, or formalize an existing one — scaffold its colocated .spec.json, classify its tier, author a Storybook story, and link it to Figma.

mqtt-viewer/mqtt-viewer

Create a new Lit web component following project conventions, including specification, component class, styles, tests, Storybook story, and exports

IgniteUI/igniteui-webcomponents

Finish a vibe session in symphony-alpha and hand it to whoever picks it up next, usually design and then engineering.

closedloop-ai/claude-plugins

Generates one expressive narration MP3 per scene for an English storybook, using the ElevenLabs MCP (texttospeech).

hassancs91/claude-image-generation

Run the docs site, blog, or Storybook locally. An agent skill from linuxfoundation/insights.

linuxfoundation/insights

Implement a Figma→code handover doc — apply the listed changes to Svelte components, update their colocated .spec.json and stories, and get pnpm ds:validate green.

mqtt-viewer/mqtt-viewer

Integrate LiveCodes with documentation sites using remark-livecodes, markdown-it-livecodes, gatsby-remark-livecodes, or marked-livecodes for Docusaurus, Astro, VitePress, Next.js, and Storybook.

live-codes/livecodes

Visually verify component changes in Storybook using the agent-browser CLI tool

razorpay/blade

Test building block catalog — typed patterns for Storybook play-function tests, Vitest hook tests, Vitest unit tests, MSW handlers, and test data fixtures.

bartstc/vite-ts-react-template

Write or update Storybook stories for Vue components in ComfyUIfrontend.

Comfy-Org/ComfyUI_frontend

A skill your agent uses when writing or generating Storybook documentation for a Baloise Design System component — creates stories.ts, doc-config.ts, and six MDX subpages (Overview, Usage, Variants…

baloise/design-system

Conventions for this project's Storybook — how stories are filed under Foundations / Components / Game, and the rule that any change to the design language must be reflected in the using-tailwind…

Asvarox/allkaraoke

Comprehensive design system guidelines for building consistent, accessible, and scalable component libraries.

Mindrally/skills

Phase 3 of building an Inkline component — author single-source Storybook stories.

inkline/inkline

Generates SmartUI visual regression test configurations for screenshot comparison on TestMu AI cloud.

sickn33/agentic-awesome-skills

Write or change React UI in apps/web, apps/gateway or packages/react-core — a component (not the route file that renders it), its user-facing strings, its Storybook story, or moving it into…

DouglasNeuroInformatics/OpenDataCapture

Build a new Inkline component end-to-end — research the API, implement the headless + styled .ink.tsx source, add Storybook stories, write cross-target tests, and finalize docs/changeset.

inkline/inkline

The seven framework output packages and the boundaries Inkline lives on — exports contracts, peer-dep/version matrix, per-target capability gaps, idiom fidelity, and the styleframe upstream…

inkline/inkline

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…

agentara/skills

Push a React design system to claude.ai/design. An agent skill from asgeirtj/system_prompts_leaks.

asgeirtj/system_prompts_leaks

Generate a Storybook story for a component using real components and project CSS classes

luxury-yacht/app

Screenshot capture for deterministic PNG evidence and visual-contract bundles for Compozy Storybook stories and local UI URLs.

compozy/compozy

A skill your agent uses when instrumenting code with runtime logs to test a hypothesis — @dxos/log debug lines captured to app.log (browser), test.log (node tests), or test-browser.log (browser…

dxos/dxos

A skill your agent uses when debugging any UI bug — wrong rendering, layout or scroll jumps, flicker/flash, styling, interaction, focus/attention, or reactivity failures — in Composer plugins…

dxos/dxos

Create, update, refactor, or troubleshoot Storybook stories using project conventions.

pedronauck/skills

A skill your agent uses when a story must unfold across a sequence of Scenario images: a comic page or strip, manga or webtoon panels, a children's storybook, a film, game, or ad storyboard…

scenario-labs/skills

Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation.

rampstackco/claude-skills

Setup visual regression testing with Storybook stories, configuration, and CI/CD workflows.

qf-studio/navigator

A skill your agent uses when working on files in packages/plugins/, adding new plugins, refactoring plugin components/containers, writing storybooks for plugins, or wiring capabilities like…

dxos/dxos

A skill your agent uses when building or styling plugin UI with Composer's design system — the @dxos/react-ui packages.

dxos/dxos

Implement visual regression testing with Playwright screenshots, Chromatic, Percy, and Argos CI.

petrkindlmann/qa-skills

Maintains the English in-app changelog at i18n/en-US/documents/changeLog.md in strict sync with package.json version, without any automatic version bumping.

vishiri/fantasia-archive

Refresh UI/UX context from design system, Storybook, and codebase

WellApp-ai/Well

Verify implementation against QA Contract (GN, ACN), auto-invoke debug on RED

WellApp-ai/Well

Convert passed QA Contract criteria to automated tests. An agent skill from WellApp-ai/Well.

WellApp-ai/Well

Test web app UI using Browser MCP and Storybook. An agent skill from WellApp-ai/Well.

WellApp-ai/Well

A skill your agent uses to run the Claude Design to ClosedLoop pipeline against the current web-ui.

closedloop-ai/claude-plugins

Use this skill any time the user wants to create visual stories, illustrated narratives, or storybook content.

LeoYeAI/openclaw-master-skills

アクセシビリティ、レスポンシブネス、テーマ設定、コンポーネント群、トークンを備えた本番環境対応デザインシステムの構築。Figma、Storybook、コンポーネントライブラリ統合。

affaan-m/ECC

Implement React components from Figma designs. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts

Orchestrate a complete visual QA workflow to make a dev/Storybook page match a baseline URL pixel-for-pixel.

bitovi/ai-enablement-prompts

Compare a baseline URL against a dev or Storybook URL by taking Playwright screenshots at multiple breakpoints, running a pixel-level image diff, and reporting results to guide style and HTML…

bitovi/ai-enablement-prompts

Frontend development for React, Next.js, TypeScript, and Tailwind CSS.

borghei/Claude-Skills

Storybook 10 testing patterns with Vitest integration, ESM-only distribution, CSF3 typesafe factories, play() interaction tests, Chromatic TurboSnap visual regression, module automocking…

yonatangross/orchestkit

Discover all visual states of a component by interactively exploring the production baseline page — not by reading story files.

bitovi/ai-enablement-prompts

Extract reusable UI components from inline patterns. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts

Implement React components from Figma designs. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts