MCP HubMCP Hub
SKILL·F374FC

prototype-to-production

aiskillstore
更新日 1 month ago
12 閲覧
162
7
162
GitHubで表示
その他reactdesign

について

このスキルは、HTML、CSS、またはFigmaエクスポートされたデザインプロトタイプを、型付けされた本番対応のReactコンポーネントに変換します。構造を分析してデザイントークンを抽出し、再利用可能なパターンを特定しながら、既存の技術スタックに適応します。デザインの反復をクリーンで保守性の高いコードへ自動的に変換するためにご利用ください。

クイックインストール

Claude Code

推奨
メイン
npx skills add aiskillstore/marketplace -a claude-code
プラグインコマンド代替
/plugin add https://github.com/aiskillstore/marketplace
Git クローン代替
git clone https://github.com/aiskillstore/marketplace.git ~/.claude/skills/prototype-to-production

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

GitHub リポジトリ

aiskillstore/marketplace
パス: skills/ariegoldkin/prototype-to-production
0
ai-skillsclaudeclaude-codeclaude-skillscodexcodex-skills
FAQ

Frequently asked questions

What is the prototype-to-production skill?

prototype-to-production is a Claude Skill by aiskillstore. Skills package instructions and resources that Claude loads on demand, so Claude can perform prototype-to-production-related tasks without extra prompting.

How do I install prototype-to-production?

Use the install commands on this page: add prototype-to-production to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does prototype-to-production belong to?

prototype-to-production is in the Design & Frontend category, tagged react and design.

Is prototype-to-production free to use?

Yes. prototype-to-production is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

関連スキル

prototype-to-production
その他

このスキルは、デザインプロトタイプ(HTML、CSS、Figmaエクスポート)を本番環境対応の型付きReactコンポーネントに変換します。構造を分析してデザイントークンを抽出し、再利用可能なパターンを特定し、既存の技術スタックに適応します。プロトタイプやデザイン反復ファイルを、クリーンで保守性の高いコンポーネントコードに変換するためにご利用ください。

スキルを見る
content-collections
メタ

このスキルは、Content Collections(Markdown/MDXファイルを型安全なデータコレクションに変換するTypeScriptファーストのツール)の本番環境でテストされた設定を提供します。Zodバリデーションによる型安全性を実現し、ブログ、ドキュメントサイト、コンテンツ重視のVite + Reactアプリケーション構築時にご利用ください。Viteプラグインの設定、MDXコンパイルから、デプロイ最適化、スキーマバリデーションまで、すべてを網羅しています。

スキルを見る
polymarket
メタ

このスキルは、開発者がPolymarket予測市場プラットフォームを活用したアプリケーション構築を可能にします。API統合による取引や市場データの取得に加え、WebSocketを介したリアルタイムデータストリーミングにより、ライブ取引や市場活動を監視できます。取引戦略の実装や、ライブ市場更新を処理するツールの作成にご利用ください。

スキルを見る
creating-opencode-plugins
メタ

このスキルは、開発者がコマンド、ファイル、LSP操作など25種類以上のイベントタイプにフックするOpenCodeプラグインを作成することを支援します。JavaScript/TypeScriptモジュール向けに、プラグイン構造、イベントAPI仕様、および実装パターンを提供します。カスタムイベント駆動ロジックでOpenCode AIアシスタントのライフサイクルをインターセプト、監視、または拡張する必要がある場合にご利用ください。

スキルを見る