Communitygithub.com

hangsiahong/advanced-ui-synthesis-skill

「組み立てろ、生成するな」Codexスキル。AIにスクラッチから書かせず、事前構築されたコンポーネントを使ってプレミアムなWeb UIを構築させる。

advanced-ui-synthesis-skill とは?

このスキルは、AIがWeb UIを構築する際に、ゼロからコードを生成するのではなく、あらかじめ用意された高品質なコンポーネント(例:shadcn/ui、Tailwind CSSのユーティリティクラスなど)を組み立てて使用するように強制します。これにより、生成されるUIの一貫性、保守性、プロフェッショナルな外観が大幅に向上します。主にCodexプラットフォーム上で動作し、AIエージェントがUIコンポーネントのライブラリやデザインシステムを参照して配置することを促します。開発者はこのスキルを有効にすることで、AIに「部品を選んで組み立てる」という人間のUI開発フローを再現させ、より実用的で信頼性の高いUIを生成させることができます。

対応~Claude Code✓Codex CLI~Cursor
npx skills add hangsiahong/advanced-ui-synthesis-skill

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

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

ドキュメント

advanced-ui-synthesis-skill は何をしますか?

「組み立てろ、生成するな」。事前構築されたコンポーネントを使ってプレミアムなWeb UIを構築するためのCodexスキル。AIにスクラッチから書かせず、組み立てさせます。

関連スキル