Communitygithub.com

S1mpleCheeq/image2-figma-frontend

画像からレビュー済みのページプレビュー、編集可能なFigmaデザイン、レスポンシブフロントエンドを生成するCodexスキルです。

image2-figma-frontend とは?

このスキルは、画像やデザインのスクリーンショットから、レビュー可能なページプレビュー、編集可能なFigmaデザイン、そしてレスポンシブなフロントエンド実装を自動生成するためのCodexスキルです。主に、デザインからコードへの変換プロセスを効率化し、デザイナーと開発者の協業を促進します。対応プラットフォームはCodexであり、ユーザーは画像を入力として提供するだけで、スキルがFigmaデザインファイルと対応するReactやTailwind CSSなどのフロントエンドコードを生成します。これにより、手動でのデザインインポートやコーディング作業を大幅に削減し、迅速なプロトタイピングと実装が可能になります。

対応~Claude Code✓Codex CLI~Cursor
npx skills add S1mpleCheeq/image2-figma-frontend

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

image2-figma-frontend は何をしますか?

画像からレビュー済みのページプレビュー、編集可能なFigmaデザイン、レスポンシブフロントエンド実装を生成するCodexスキルです。

関連スキル