Frontend & Design · Storybook

Multi-style illustrations from Chinese article text (配图 / illustration): quirky sketch, warm storybook, product proposal; OR custom IP enrollment (自定义 IP / 录入 IP / 上传形象 / 新建 IP).

GiMi-Xiaomi/gimi-illustration-skill

A skill your agent uses when users ask for a hand-drawn or illustrated image prompt, name one of the repository's 20 numbered styles or the 3.1 stable variant, or mention triggers such as…

threerocks/hand-drawn-styles

Frontend development guidelines for the Phoenix AI observability platform.

Arize-ai/phoenix

Review blade PRs by fetching diff, checking CI status, and getting Storybook URL.

razorpay/blade

Safely clean the local loop VM by reporting and removing stale loop runs, inactive Next.js or Storybook servers, optional browser windows, and unused loop-created worktrees without disturbing active…

axeldelafosse/loop

Check the visual impact of an edit mid-task with uiverify check — render just the components you're touching on the UI Verify fleet and diff them against the real CI baseline, without opening a PR…

igrlk/storybook-addon-test-codegen

Audit ported storybook-rsbuild source files against the CURRENT upstream Storybook source, grouped by the local package that owns each port, independent of commit history.

rstackjs/storybook-rsbuild

Conventions for creating, modifying, and reviewing production-faithful Storybook stories in the Phoenix frontend (js/app/stories, js/app/.storybook).

Arize-ai/phoenix

Build, run, and drive the Umbraco.UI (UUI) web-component library via its Storybook.

umbraco/Umbraco.UI

Implements user interfaces using the Wonder Blocks (WB) design system — Khan Academy's React component library.

Khan/wonder-blocks

Use the daleui React design system with semantic Panda CSS tokens and accessible components.

DaleStudy/daleui

Create StoryLite component stories in consumer projects that use StoryLite public packages, explaining StoryLite's CSF-like story format with examples from single-story files to advanced args…

itsjavi/storylite

Check and analyze upstream Storybook repository changes that may need to be synced to storybook-rsbuild.

rstackjs/storybook-rsbuild

Design review and implementation guidance for the Qovery Console.

Qovery/console

Creates a new UI component with implementation, index, tests, and Storybook stories following PageZERO conventions.

pagezero-dev/pagezero

Storybook best practices for Wonder Blocks component stories.

Khan/wonder-blocks

Inspect and profile the React component tree of a running Storybook story through chrome-devtools-mcp (React DevTools over the Chrome DevTools Protocol, via react-devtools-cdt-mcp).

sanity-io/ui

Checks deps update in widely consumed repos will cause problems or not, and ranks dependency updates by downstream impact for prioritisation.

cultureamp/kaizen-design-system

Final step of the AI Storybook pipeline. An agent skill from hassancs91/claude-image-generation.

hassancs91/claude-image-generation

Update component documentation when code changes. An agent skill from AgnosticUI/agnosticui.

AgnosticUI/agnosticui

A skill your agent uses when creating new UI components under apps/web/src/components/

hiroppy/mf-dashboard

Write or update Storybook stories and docs MDX for a Radix NG primitive following project conventions.

radix-ng/primitives

Diff the Figma component library against the MQTT Viewer frontend and produce a handover doc listing exactly what code needs to change.

mqtt-viewer/mqtt-viewer

コンポーネントを新規作成・更新する。CSS、HTML、Storybook Stories、テスト、JavaScript（Custom Elements）の実装を含む。

digital-go-jp/design-system-example-components-html

A skill your agent uses when creating a new component for the design system.

LucasBassetti/godui

Make Storybook stories deterministic for UI Verify so captures stop coming back "changed" without a real change (flaky diffs).

igrlk/storybook-addon-test-codegen

Extract and compare computed CSS styles between a baseline URL and a dev/Storybook URL using Playwright MCP evaluate calls.

bitovi/ai-enablement-prompts

Review a BEEQ StencilJS component against design system guidelines and project standards.

Endava/BEEQ

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

alirezarezvani/claude-skills

Read before changing any component, page, or styles. An agent skill from igrlk/storybook-addon-test-codegen.

igrlk/storybook-addon-test-codegen

Create new core components for GodUI (@godui/components) — animated, drop-in replacements for shadcn/ui with strict GPU-only motion.

LucasBassetti/godui

Splits a plain English story into a numbered list of SCENES — each scene being one moment that gets exactly one illustration AND one narration clip downstream.

hassancs91/claude-image-generation

Write Storybook stories and MDX docs for BEEQ web components.

Endava/BEEQ

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

Write Storybook stories for PostHog UI components. An agent skill from PostHog/code.

PostHog/code

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

Write or update Storybook stories for Vue components in ComfyUIfrontend.

Comfy-Org/ComfyUI_frontend

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

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

Invoke FIRST, before creating, editing, or deleting components, stories, styles, CSS, themes, colors, or design tokens — anything that changes how the UI looks, no exceptions.

sanity-io/sanity

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