Communitygithub.com

uxKero/anydesign

画像、Webサイト、Figmaファイルを分析し、トークンシステム、コンポーネント一覧、再構築ノートを含む構造化されたdesign.mdを生成するClaudeスキル。

anydesign とは?

このスキルは、デザインシステムの分析と文書化を支援します。画像、Webサイト、Figmaファイルなど、さまざまなデザインソースを入力として受け取り、それらを詳細な構造化ドキュメント(design.md)に変換します。生成されるドキュメントには、デザイントークン(色、タイポグラフィ、スペーシングなど)の体系的なカタログ、使用されているUIコンポーネントの完全なインベントリ、そしてデザインを正確に再現するための再構築ノートが含まれます。これにより、デザイナーや開発者は既存のデザインから一貫性のあるデザインシステムを迅速に抽出し、新しいプロジェクトに適用したり、既存のコードベースとの整合性を確認したりすることができます。Claude Codeや類似のAIエージェントプラットフォーム上で動作し、デザインのリバースエンジニアリングと標準化を効率化します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add uxKero/anydesign

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

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

ドキュメント

anydesign は何をしますか?

画像、Webサイト、Figmaファイルを分析し、トークンシステム、コンポーネント一覧、再構築ノートを含む構造化されたdesign.mdを生成するClaudeスキルです。

関連スキル