Search
Frontend & Design · Storybook · For frontend developers
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Multi-style illustrations from Chinese article text (配图 / illustration): quirky sketch, warm storybook, product proposal; OR custom IP enrollment (自定义 IP / 录入 IP / 上传形象 / 新建 IP). | GiMi-Xiaomi/ | 703 | — | ~1.7k | Automated safety check: Pass | MIT | 2 mo ago |
| 2 | Frontend development guidelines for the Phoenix AI observability platform. | Arize-ai/ | 12k | — | ~709 | Automated safety check: Pass | Unknown | yesterday |
| 3 | 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/ | 156 | — | ~2.5k | Automated safety check: Pass | MIT | yesterday |
| 4 | Conventions for creating, modifying, and reviewing production-faithful Storybook stories in the Phoenix frontend (js/app/stories, js/app/.storybook). | Arize-ai/ | 12k | — | ~1.9k | Automated safety check: Pass | Unknown | yesterday |
| 5 | Build, run, and drive the Umbraco.UI (UUI) web-component library via its Storybook. | umbraco/ | 152 | — | ~1.2k | Automated safety check: Pass | MIT | 2 days ago |
| 6 | Implements user interfaces using the Wonder Blocks (WB) design system — Khan Academy's React component library. | Khan/ | 163 | — | ~3.2k | Automated safety check: Pass | MIT | yesterday |
| 7 | 7.Daleui Use the daleui React design system with semantic Panda CSS tokens and accessible components. | DaleStudy/ | 119 | — | ~675 | Automated safety check: Pass | MIT | 3 days ago |
| 8 | 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/ | 143 | — | ~1.4k | Automated safety check: Pass | MIT | 16 days ago |
| 9 | Check and analyze upstream Storybook repository changes that may need to be synced to storybook-rsbuild. | rstackjs/ | 156 | — | ~5.2k | Automated safety check: Pass | MIT | yesterday |
| 10 | 10.Qovery UI Design review and implementation guidance for the Qovery Console. | Qovery/ | 227 | — | ~2k | Automated safety check: Pass | GPL-3.0 | yesterday |
| 11 | Creates a new UI component with implementation, index, tests, and Storybook stories following PageZERO conventions. | pagezero-dev/ | 143 | — | ~896 | Automated safety check: Pass | MIT | 10 days ago |
| 12 | 12.Storybook Storybook best practices for Wonder Blocks component stories. | Khan/ | 163 | — | ~4.2k | Automated safety check: Pass | MIT | yesterday |
| 13 | 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/ | 176 | — | ~2k | Automated safety check: Pass | MIT | yesterday |
| 14 | Checks deps update in widely consumed repos will cause problems or not, and ranks dependency updates by downstream impact for prioritisation. | cultureamp/ | 176 | — | ~1.3k | Automated safety check: Pass | MIT | 5 days ago |
| 15 | Final step of the AI Storybook pipeline. An agent skill from hassancs91/claude-image-generation. | hassancs91/ | 102 | — | ~1.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 16 | Update component documentation when code changes. An agent skill from AgnosticUI/agnosticui. | AgnosticUI/ | 827 | — | ~607 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 17 | 17.UI Component A skill your agent uses when creating new UI components under apps/web/src/components/ | hiroppy/ | 418 | — | ~832 | Automated safety check: Pass | MIT | today |
| 18 | Write or update Storybook stories and docs MDX for a Radix NG primitive following project conventions. | radix-ng/ | 274 | — | ~3.7k | Automated safety check: Pass | MIT | 12 days ago |
| 19 | Diff the Figma component library against the MQTT Viewer frontend and produce a handover doc listing exactly what code needs to change. | mqtt-viewer/ | 134 | — | ~990 | Automated safety check: Pass | GPL-3.0 | 3 days ago |
| 20 | コンポーネントを新規作成・更新する。CSS、HTML、Storybook Stories、テスト、JavaScript（Custom Elements）の実装を含む。 | digital-go-jp/ | 115 | — | ~7.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 21 | A skill your agent uses when creating a new component for the design system. | LucasBassetti/ | 130 | — | ~2.1k | Automated safety check: Pass | MIT | yesterday |
| 22 | Make Storybook stories deterministic for UI Verify so captures stop coming back "changed" without a real change (flaky diffs). | igrlk/ | 154 | — | ~1.9k | Automated safety check: Pass | MIT | 27 days ago |
| 23 | Review a BEEQ StencilJS component against design system guidelines and project standards. | Endava/ | 163 | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 24 | Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. | alirezarezvani/ | 28k | 5 repos | ~3.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 25 | Read before changing any component, page, or styles. An agent skill from igrlk/storybook-addon-test-codegen. | igrlk/ | 154 | 1 repo | ~493 | Automated safety check: Pass | MIT | 27 days ago |
| 26 | Create new core components for GodUI (@godui/components) — animated, drop-in replacements for shadcn/ui with strict GPU-only motion. | LucasBassetti/ | 130 | — | ~7.4k | Automated safety check: Pass | MIT | yesterday |
| 27 | Write Storybook stories and MDX docs for BEEQ web components. | Endava/ | 163 | — | ~968 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 28 | Build, configure, and debug apps with the Quasar framework (quasar npm package, v2.33.1). | skilld-dev/ | 181 | — | ~1.6k | Automated safety check: Pass | MIT | today |
| 29 | 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/ | 134 | — | ~936 | Automated safety check: Pass | GPL-3.0 | 3 days ago |
| 30 | Create a new Lit web component following project conventions, including specification, component class, styles, tests, Storybook story, and exports | IgniteUI/ | 170 | — | ~3k | Automated safety check: Pass | MIT | 2 days ago |
| 31 | Write Storybook stories for PostHog UI components. An agent skill from PostHog/code. | PostHog/ | 179 | — | ~929 | Automated safety check: Pass | MIT | 2 mo ago |
| 32 | 32.Setup Docs Run the docs site, blog, or Storybook locally. An agent skill from linuxfoundation/insights. | linuxfoundation/ | 282 | — | ~383 | Automated safety check: Notes | MIT | 10 days ago |
| 33 | 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/ | 134 | — | ~853 | Automated safety check: Pass | GPL-3.0 | 3 days ago |
| 34 | 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/ | 1.5k | — | ~2k | Automated safety check: Pass | MIT | today |
| 35 | Visually verify component changes in Storybook using the agent-browser CLI tool | razorpay/ | 656 | — | ~1.1k | Automated safety check: Pass | MIT | yesterday |
| 36 | Write or update Storybook stories for Vue components in ComfyUIfrontend. | Comfy-Org/ | 2.1k | — | ~2.2k | Automated safety check: Pass | GPL-3.0 | today |
| 37 | 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/ | 261 | — | ~412 | Automated safety check: Pass | No licence | 2 days ago |
| 38 | Comprehensive design system guidelines for building consistent, accessible, and scalable component libraries. | Mindrally/ | 271 | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 39 | Phase 3 of building an Inkline component — author single-source Storybook stories. | inkline/ | 1.5k | — | ~1.1k | Automated safety check: Notes | No licence | 1 mo ago |
| 40 | 40.Odc Frontend 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/ | 119 | — | ~2.3k | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 41 | 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/ | 6.4k | — | ~621 | Automated safety check: Pass | MIT | yesterday |
| 42 | 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/ | 1.5k | — | ~1.1k | Automated safety check: Notes | No licence | 1 mo ago |
| 43 | 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/ | 1.5k | — | ~1.3k | Automated safety check: Pass | No licence | 1 mo ago |
| 44 | 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/ | 603 | — | ~1.3k | Automated safety check: Pass | MIT | 12 days ago |
| 45 | 45.Design Sync Push a React design system to claude.ai/design. An agent skill from asgeirtj/system_prompts_leaks. | asgeirtj/ | 69k | — | ~7.1k | Automated safety check: Pass | CC0-1.0 | yesterday |
| 46 | A skill your agent uses when adding Storybook to a project that does not have Storybook configured yet. | sanity-io/ | 6.4k | — | ~150 | Automated safety check: Pass | MIT | yesterday |
| 47 | A skill your agent uses when Storybook is already installed and the user wants a working preview file and stories for real components. | sanity-io/ | 6.4k | — | ~155 | Automated safety check: Pass | MIT | yesterday |
| 48 | 48.New Story Generate a Storybook story for a component using real components and project CSS classes | luxury-yacht/ | 444 | — | ~466 | Automated safety check: Pass | GPL-3.0 | yesterday |
