home/categories/frontend/aiskillstore-marketplace-skills-ariegoldkin-prototype-to-production-skill-md
frontenddevelopment

prototype-to-production

Convert design prototypes (HTML, CSS, Figma exports) into production-ready components. Analyzes prototype structure, extracts design tokens, identifies reusable patterns, and generates typed React components. Adapts to existing project tech stack with React + TypeScript as default.

aiskillstore
maintainer
aiskillstore
更新日 1/20/2026
スター
90
フォーク
3
quick start

Installation and usage

Convert design prototypes (HTML, CSS, Figma exports) into production-ready components. Analyzes prototype structure, extracts design tokens, identifies reusable patterns, and generates typed React components. Adapts to existing project tech stack with React + TypeScript as default.

インストール
$ install --globalskills.sh
使い方

インストール後、ターミナルで以下のコマンドを実行してこのスキルを使用できます:

skills use prototype-to-production