Community研究&データ分析github.com

KyrieCheungYep/ky-design-to-html-skill

デザインのスクリーンショットをHTML/CSSに再現するためのCodex / Claudeスキルです。

ky-design-to-html-skill とは?

このスキルは、UIデザインのスクリーンショットを元に、高品質なHTML/CSSコードを生成するためのCodex / Claudeスキルです。開発者やデザイナーがビジュアルデザインを迅速にプロトタイピングしたり、既存のUIをコードに変換するのに役立ちます。対応プラットフォームはCodexとClaudeで、SKILL.mdに記載された指示に従って、スクリーンショットから正確なHTML構造とCSSスタイルを再現します。このスキルはGitHubリポジトリ(ky-design-to-html-skill)から提供されており、2026年6月2日に公開されました。

対応✓Claude Code✓Codex CLI~Cursor
npx skills add KyrieCheungYep/ky-design-to-html-skill

Installed? Explore more 研究&データ分析 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

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

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

ドキュメント

関連スキル