概要
FigmaデザインをReact + Tailwindコンポーネントへ変換。デザイントークン抽出・レスポンシブ対応。
このスキルでできること
- Figma→React変換
- デザイントークン抽出
- レスポンシブ自動化
導入
インストール後、対象エージェントで自動的に発動します。
マーケットに戻る
開発・コーディング
Figma → コード変換
FigmaデザインをReact + Tailwindコンポーネントへ変換。デザイントークン抽出・レスポンシブ対応。
Claude Code
公開 2026年3月5日v1.0.0#figma#react#tailwind
¥3,500デモ
掲載内容をこのブラウザのマイスキルに保存して、管理の流れを試せます。決済・クラウド実行・ZIP配布は行いません。
価格・導入数・評価はデモデータです。実際の課金は発生しません。
関連スキル
開発・コーディング
Featured
Astro LP Builder Pro
15セクションのプロ品質LPを差し替えだけで量産。SEO/セキュリティ/構造化データ込みのプレミアム版。
Claude CodeCodex
DevHero
4.8612 導入（デモ）
¥4,980開発・コーディング
トレンド
データ修復セーフティ
既存データを絶対に壊さないための6カ条を強制する安全スキル。空欄のみ補完・2系統バックアップ・dry-run承認。
Claude CodeCodex
茶圓（チャエン）
5.0565 導入（デモ）
¥3,980開発・コーディング
Featuredトレンド
Next.js 16 移行キット
Next.js 14/15 → 16 への移行を自動化。async params 変換・破壊的変更の検出と修正提案。
Claude CodeCodex
DevHero
4.9521 導入（デモ）
¥6,800