Communitygithub.com

xiongxiong1477/webpage-to-design-skill

任意のウェブページを design.md に変換する Claude スキル

webpage-to-design-skill とは?

このスキルは、任意のウェブページを読み込み、そのデザイン情報を抽出して design.md 形式の出力に変換する Claude 用スキルです。ウェブページのレイアウト、カラースキーム、タイポグラフィ、コンポーネント構造などの設計要素を分析し、構造化されたドキュメントとして出力します。フロントエンド開発者やデザイナーが既存のウェブサイトからデザイン仕様を素早く抽出したい場合に有用です。GitHub リポジトリからインストールでき、Claude の環境で動作します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add xiongxiong1477/webpage-to-design-skill

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

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

ドキュメント

関連スキル