# UI Screenshot To Storybook Product

> Turn screenshots or Figma exports into token-backed Storybook components and composed product screens.

- Skill: `harrychuang/ui-screenshot-to-storybook-product-2` (Agent Skill)
- Install (CLI): `npx skillmds@latest add harrychuang/ui-screenshot-to-storybook-product-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/harrychuang/ui-screenshot-to-storybook-product-2/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: harrychuang (https://skillmd.com/u/harrychuang)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/harrychuang/ui-screenshot-to-storybook-product-2

---


This wrapper exists so Claude Code can discover the shared workflow natively.

Read and follow:

- `skills/ui-screenshot-to-storybook-product/SKILL.md`
- `skills/design-system-governance/SKILL.md`