·frontend-scaffold
</>

frontend-scaffold

TailwindCSS、TypeScript、および型付き API フックを使用して、デザインを React/Next.js コンポーネントに変換します。デザインからフロントエンドをスキャフォールディングするときに使用します。

7インストール·0トレンド·@parhumm

インストール

$npx skills add https://github.com/parhumm/jaan-to --skill frontend-scaffold

frontend-scaffold のインストール方法

コマンドラインで frontend-scaffold AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/parhumm/jaan-to --skill frontend-scaffold
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: 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-scaffold
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-26
更新日
2026-03-10

Browse more skills from parhumm/jaan-to

クイックアンサー

frontend-scaffold とは?

TailwindCSS、TypeScript、および型付き API フックを使用して、デザインを React/Next.js コンポーネントに変換します。デザインからフロントエンドをスキャフォールディングするときに使用します。 ソース: parhumm/jaan-to。

frontend-scaffold のインストール方法は?

ターミナルまたはコマンドラインツール(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