Communitygithub.com

fitoe/DesignToCode

セグメント化されたデザイン画像を高忠実度のUnoCSSページコードに変換するCodexスキル。

DesignToCode とは?

このスキルは、デザイン画像をUnoCSSを使用した高品質なWebページコードに変換するために設計されています。開発者は、画像処理とコード生成を連携させることで、デザインからコードへの変換プロセスを効率化できます。主にCodexプラットフォーム上で動作し、入力されたデザイン画像を解析して、それに対応するUnoCSSユーティリティクラスベースのHTMLコードを生成します。このスキルは、デザインの忠実度を維持しながら、手動でのコーディング作業を削減し、フロントエンド開発の生産性を向上させることを目的としています。

対応~Claude Code✓Codex CLI~Cursor
npx skills add fitoe/DesignToCode

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

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

ドキュメント

DesignToCode は何をしますか?

セグメント化されたデザイン画像を高忠実度のUnoCSSページコードに変換するCodexスキル。

関連スキル