148 スキル
🔧

grasshopper-workflow

安全 78

MCPによるGrasshopperの自動化

作成者 AmemiyaLai

Grasshopper定義の手動作成は時間がかかり、反復的な作業です。このスキルにより、AIアシスタントはMCPプロトコルを通じてプログラム的にコンポーネントを作成したり、接続を確立したり、完全なパラメトリックモデリングワークフローを実行したりでき、設計仕様を自動的に動作するGrasshopper定義に変換できます。

Claude Codex Code(CC)
インストール
🎨

ux-researcher-designer

安全 73

研究データからユーザーペルソナを生成

作成者 alirezarezvani

生のユーザーレポートデータから実行可能なペルソナに変換します。目標、フラストレーション、行動、設計上の示唆を備えたデータに基づくユーザープロファイルを、数時間ではなく数分で作成します。

Claude Codex Code(CC)
インストール
🎨

ui-design-system

安全 73

ブランドカラーからデザインシステムトークンを生成する

作成者 alirezarezvani

一貫したデザイントークンを手動で作成するには時間がかかり、エラーが発生しやすいです。このツールは、単一のブランドカラー入力からカラーパレット、タイポグラフィスケール、スペーシンググリッド、コンポーネントスタイルを含む完全なデザインシステムを生成します。

Claude Codex Code(CC)
インストール
🎨

algorithmic-art

安全 70

コードで独自のアルゴリズムアートを創作

作成者 anthropics

創造的なアイデアを美しいジェネラティブアートに変換するコード。このスキルは、再現可能な結果のためのシード付きランダムネスと、無限の探索のためのインタラクティブなパラメータコントロールを備えたオリジナルのアルゴリズムアートワークを作成します。

Claude Codex Code(CC)
インストール
🎨

frontend-design

安全 71

大胆な美学で特徴的なフロントエンドインターフェースを設計

作成者 AJV009

一般的なAI出力は、個性に欠ける平凡で派生的なWebデザインを生成します。このスキルは、Claudeに大胆な美的方向性を持たせ、意図的な創造的選択を伴う本番品質の印象的なフロントエンドコードを提供するよう導きます。

Claude Codex Code(CC)
インストール
🎨

frontend-design

安全 70

プロダクションレベルのフロントエンドインターフェースを設計する

作成者 AgentWorkforce

汎用的なAI生成の美学とは異なる、独自の視覚的インパクトを持つウェブインターフェースを構築します。タイポグラフィ、モーション、空間構成に細心の注意を払い、記憶に残る視覚的に印象的なコンポーネントを作成します。

Claude Codex Code(CC)
インストール
📦

uiux-ops

安全 69

デザインガイドラインでUI/UXを改善

作成者 A-Genno

UI/UXデザインプロジェクトでは、一貫した基準と明確なプロセスが不足していることが多く、断片的なユーザー体験やアクセシビリティのギャップにつながります。このスキルは、デザインワークフローを効率化し、一貫性を確保し、すべてのプロジェクトでアクセシビリティのコンプライアンスを維持するための包括的な運用手順とチェックリストを提供します。

Claude Codex Code(CC)
インストール
🎨

frontend-design

安全 71

差別化されたフロントエンドインターフェースをデザイン

作成者 AdamAugustinsky

制作レベルのWebインターフェースを構築すると、汎用的で忘れがちなデザインになりがちです。このスキルは、記憶に残るクリエイティブなフロントエンドデザイン、大胆な美学、考え抜かれたタイポグラフィ、汎用的なパターンから際立つ洗練されたディテールを作成するのに役立ちます。

Claude Codex Code(CC)
インストール
🎨

design-component

安全 68

文化的配慮のあるUIコンポーネントを設計する

作成者 Acurioustractor

適切なデータマッピング、文化的指標、AIによる拡充を備えたアクセシブルなストーリーテラー/ストーリーカードを構築します。このスキルは、先住民のストーリーテリング向けプラットフォームのためのデザインシステムパターンとコンポーネントガイドラインを提供します。

Claude Codex Code(CC)
インストール
🎨

ui-design-system

安全 69

一貫したUIデザインパターンを適用

作成者 AbdulSamad94

チームは一貫したインターフェースを構築するための明確なデザインルールが必要です。このスキルは、現代的なダークテーマアプリケーション向けに、タイポグラフィ、カラー、コンポーネント、アニメーションを備えた完全なデザインシステムを提供します。

Claude Codex Code(CC)
インストール
🎨

ui-handler

安全 69

UI コンポーネントとランディングページの実装

作成者 AayushBaniya2006

UI コンポーネントを手動で構築するには相当な時間がかかります。このスキルは Shadcn MCP と 21st.dev MCP を活用して、ボタン、ダイアログ、複雑なランディングページセクションを迅速に生成します。

Claude Codex Code(CC)
インストール
🎨

theme-handler

安全 68

shadcn と tweakcn で UI テーマをインストール

作成者 AayushBaniya2006

アプリケーションのテーマを手動で管理するには、テーマのURLを探し、CLIコマンドを実行する必要があります。このスキルは、事前構成済みテーマの厳選リストとインストールコマンドを提供し、テーマ導入を迅速かつ確実にします。

Claude Codex Code(CC)
インストール
🎨

logo-generator

低リスク 72

AIでプロ品質のロゴを生成

作成者 AayushBaniya2006

ロゴ制作にはデザインスキルと高価なソフトが必要です。このスキルはAIを使ってテキストプロンプトからカスタムロゴを生成し、背景を自動で削除して透明でプロ品質の結果を提供します。

Claude Codex Code(CC)
インストール
🧩

page-builder

安全 69

Tailark UIコンポーネントでランディングページを構築

作成者 AayushBaniya2006

マーケティングページをゼロから構築するには時間がかかりすぎます。このスキルは、ページタイプ別に整理された事前構築済みTailarkコンポーネントのキュレートされた推奨事項を提供し、数分で専門的なランディングページをアセンブルできるようにします。

Claude Codex Code(CC)
インストール
🎨

generate-assets

低リスク 72

ウェブコンポーネント用のAI画像を生成

作成者 AayushBaniya2006

ウェブサイトのビジュアルアセット作成には時間とデザインのスキルが必要です。このスキルはFLUX 1.1 Pro AIを使用して、ヒーローセクション、機能イメージ、UIグラフィックスを自動強化して生成します。画像はWebPに最適化され、直接プロジェクトに保存されます。

Claude Codex Code(CC)
インストール
🎨

asset-creator

低リスク 73

AI搭載DALL-E統合でカスタム画像を生成

作成者 AayushBaniya2006

ストックフォトの検索は不要です。AI画像生成により、ブランドに合った独自のビジュアルを即座に作成できます。このスキルはDALL-E 3を統合し、正確な仕様に合わせた高品質なアセットを生成します。

Claude Codex Code(CC)
インストール
🎨

ux-evaluator

安全 72

UXベストプラクティスに基づいてUIコンポーネントを評価

作成者 92Bilal26

UIレビューはしばしば主観的な意見の対立に陥りがちです。このスキルは、業界の権威による実証済みの原則に基づいてデザインフィードバックを行うための、体系的な3次元フレームワークを提供します。

Claude Codex Code(CC)
インストール
🎨

image-generator

安全 71

Geminiで教育用図解を生成

作成者 92Bilal26

授業用のプロ仕様の図解を作るには数時間のデザイン作業が必要です。このスキルは、ブラウザ自動化と6段階の品質ゲートを用いて、Gemini 3で教えるためのビジュアルを生成する構造化ワークフローを提供します。

Claude Codex Code(CC)
インストール
🎨

frontend-design

安全 71

独自性のあるフロントエンドインターフェースを作成

作成者 92Bilal26

Webインターフェースの構築は、しばしば汎用的で予測可能なデザインになりがちです。このスキルは、AIアシスタントが標準的なパターンから抜け出し、独自の美学、創造的なタイポグラフィ、洗練されたアニメーションを備えた本番品質のフロントエンドコードを作成できるよう導きます。

Claude Codex Code(CC)
インストール
🎨

theme-factory

安全 69

プレゼンテーションにプロフェッショナルなテーマを適用

作成者 7Spade

一貫性のあるプロフェッショナルなビジュアルデザインの作成には、時間とデザインの専門知識が必要です。このスキルは、10の厳選されたカラーとフォントのテーマを提供し、スライド、ドキュメント、レポート、Webページに即座に適用できます。カスタムテーマもご要望に応じて生成できます。

Claude Codex Code(CC)
インストール