Extracts design tokens, components, and screens from a codebase and builds a structured design system in Pencil (.pen) files.
5 on GitHubby takujiikedav0.1.0updated 7 months agodesign
/
Plugin design-extraction from marketplace design-extraction-skill in tikeda/design-extraction-skill. Commands read from the repo's manifest — 1 month ago.
What it installs
Skills (2)
design-extraction
Extracts design tokens, components, and screens from a codebase and builds a structured design system in Pencil (.pen) files. Use when user says 'design extraction', 'extract design', 'build design system', 'code to design', 'デザイン抽出', 'デザインシステム構築', 'コンポーネント抽出', or wants to reverse-engineer UI from c
design-variants
Analyzes conditional branches in UI code and generates all screen variants (user roles, states, toggles, errors) in Pencil (.pen) files. Use when user says 'generate variants', 'screen states', 'design variants', 'conditional states', 'バリアント生成', '画面状態', '条件分岐のデザイン', or wants to visualize all UI stat
Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling
tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.
Build, preview, and test UI components with Storybook.
7 skills
storybookjs/storybook 91,552
Maintain design-extraction?
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.