frontend-scaffold とは?
TailwindCSS、TypeScript、および型付き API フックを使用して、デザインを React/Next.js コンポーネントに変換します。デザインからフロントエンドをスキャフォールディングするときに使用します。 ソース: parhumm/jaan-to。
TailwindCSS、TypeScript、および型付き API フックを使用して、デザインを React/Next.js コンポーネントに変換します。デザインからフロントエンドをスキャフォールディングするときに使用します。
コマンドラインで frontend-scaffold AI スキルを開発環境にすばやくインストール
ソース: parhumm/jaan-to。
Convert designs and specs into production-ready React/Next.js component scaffolds with typed API hooks.
Pre-Execution Protocol MANDATORY — Read and execute ALL steps in: ${CLAUDEPLUGINROOT}/docs/extending/pre-execution-protocol.md Skill name: frontend-scaffold Execute: Step 0 (Init Guard) → A (Load Lessons) → B (Resolve Template) → C (Offer Template Seeding)
Language Settings Read and apply language protocol: ${CLAUDEPLUGINROOT}/docs/extending/language-protocol.md Override field for this skill: languagefrontend-scaffold
TailwindCSS、TypeScript、および型付き API フックを使用して、デザインを React/Next.js コンポーネントに変換します。デザインからフロントエンドをスキャフォールディングするときに使用します。 ソース: parhumm/jaan-to。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/parhumm/jaan-to --skill frontend-scaffoldTailwindCSS、TypeScript、および型付き API フックを使用して、デザインを React/Next.js コンポーネントに変換します。デザインからフロントエンドをスキャフォールディングするときに使用します。 ソース: parhumm/jaan-to。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/parhumm/jaan-to --skill frontend-scaffold インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/parhumm/jaan-to