← All skills

design-system-to-storybook

90 / 100 · Low risk

Fine to try.

By harrychuang/cursor-skills (GitHub) · design · 19 stars · scanned at commit f005e4d

Build or update token-backed Storybook foundations, shared UI components, and stories from an extracted design-system package. Use after design-system-extractor, or when Codex must read design-system Markdown and token files, automatically trace original design sources such as Figma URLs/nodes, UI images, rendered routes, and frontend folders, infer component dependency order so core primitives are built before composed components, map component specs into a product repo, create or update Story…

Works with any agent that supports SKILL.md skills.

What this skill can do

Other copies in this repository

harrychuang/cursor-skills has 1 more folder with a skill named design-system-to-storybook. This page shows the lowest-scoring copy.

• ds-to-storybook 92/100 · Low risk

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'design-system-to-storybook' ] || [ -L ~/.agents/skills/'design-system-to-storybook' ]; then echo 'A skill folder named design-system-to-storybook already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/harrychuang/cursor-skills' "$d" && git -C "$d" checkout --quiet 'f005e4d5aae95149b69912b89ea95b46c90cce0b' -- '.agents/skills/design-system-to-storybook' && mkdir -p ~/.agents/skills && cp -R "$d"/'.agents/skills/design-system-to-storybook' ~/.agents/skills/'design-system-to-storybook' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'design-system-to-storybook' ~/.claude/skills/'design-system-to-storybook' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for harrychuang/cursor-skills shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/harrychuang/cursor-skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/harrychuang/cursor-skills/)

Score history

Also found in

Identical copies of this skill exist at:

• harrychuang/cursor-skills/.cursor/skills/design-system-to-storybook