148 スキル
🎮

threejs-builder

安全 70

Three.jsで3Dウェブアプリを構築

作成者 CesarAugustusGroB

3Dウェブコンテンツの作成には、WebGL、シェーダー、3Dグラフィックスプログラミングの理解が必要です。このスキルは、シーンセットアップ、ライティング、マテリアル、アニメーション、最新のESモジュールを使用したレスポンシブレンダリングを備えた完全なThree.jsアプリケーションを生成します。

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

frontend-design

安全 69

本番品質のフロントエンドインターフェースを設計

作成者 CesarAugustusGroB

洗練された美的表現で際立つWebコンポーネントとページを構築します。汎用的なAI生成ビジュアルを避け、記憶に残る高品質なユーザーインターフェースを制作します。

Claude Code(CC)
インストール
⚔️

combat-ui-pattern-a

安全 71

スプリットパネル戦闘UIの実装

作成者 CesarAugustusGroB

戦闘インターフェースを構築するゲーム開発者は、一貫してアーキテクチャの優れたUIコンポーネントを必要としています。このスキルは、Pattern A戦闘UIシステムのためのTypeScriptインターフェース、CSS Gridレイアウト、アニメーション仕様、レスポンシブスタイルトークンを含む完全な実装ガイダンスを提供します。

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

art-style-creator

安全 71

包括的なアートスタイルガイドを作成

作成者 CesarAugustusGroB

一貫したビジュアルスタイルの定義はプロジェクトの統一性に不可欠ですが、多くのクリエイターは自身の美的ビジョンを言語化することに苦労しています。このスキルは、色彩理論、線画、形状、構図、照明、技術仕様をカバーする詳細なアートスタイルガイドを作成するための構造化された10ステップのフレームワークを提供します。

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

gemini-image

安全 69

Gemini AIで画像を生成

作成者 Ceeon

ゼロから画像を作成するには時間とスキルが必要です。このスキルを使用すると、Gemini AIを使った自然言語プロンプトで画像を生成できます。欲しいものを説明するだけで、数秒でプロフェッショナルな結果が得られます。

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

canvas-design

安全 69

美術館級のキャンバスアートを制作

作成者 anthropics

形と空間を通じて伝えるオリジナルのビジュアルアートが必要です。このスキルはビジュアル哲学を構築し、洗練されたPNGまたはPDFアートワークを出力します。

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

slack-gif-creator

低リスク 67

Slack GIFおよび絵文字アニメーションの作成

作成者 Cam10001110101

Slack用のGIF作成には、厳格なファイルサイズ制限を満たすために慎重な最適化が必要です。このツールキットは、バリデーター、アニメーションプリミティブ、最適化ツールを提供 поэтому、正常にアップロードされるメッセージGIFや絵文字リアクションを作成できます。

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

generative-art

安全 70

シード付きランダム性を使ったジェネラティブアートの作成

作成者 Cam10001110101

ジェネラティブアートの作成には、アート的なビジョンと技術的なスキルが必要です。このスキルでは、p5.jsを使用した、パラメータ操作による探索が可能な、独自で再現可能なジェネラティブアートの作成を支援します。フローフィールド、再帰パターン、パーティクルシステムなどを作成できます。

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

brand-guidelines

安全 69

Anthropicブランドのスタイル適用

作成者 Cam10001110101

ドキュメントやプレゼンテーションに一貫したブランドカラーとタイポグラフィを適用する必要があります。このスキルは、色・フォント・スタイリング規則を含むAnthropic公式ブランドガイドラインを提供し、ブランドに沿ったビジュアル出力を実現します。

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

canvas-design

低リスク 67

AIで博物館級の高品質ビジュアルアートを作成

作成者 Cam10001110101

、洗練されたデザイン哲学を使用して、アイデアを見事なビジュアルアートに変換します。このスキルは、マスターーデザイナーによって入念に作られたプロフェッショナル品質のポスターやアートワークを作成するようAIをガイドします。

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

algorithmic-art

安全 69

p5.jsでアルゴリズムアートを作成

作成者 Cam10001110101

アルゴリズムアートの作成には、生成システム、シード付きランダム性、p5.jsの専門的な知識が必要です。このスキルは、アルゴリズム的哲学とインタラクティブなパラメータ探索を通じて、オリジナルの生成アートを作成するための構造化されたアプローチを提供します。

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

tailwind-css-v4-mastery

安全 76

AI驅動のガイダンスでTailwind CSS V4をマスターする

作成者 Calel33

Tailwind CSS V4は、OxideエンジンとCSSファーストの設定により革新的な変化をもたらします。このスキルは移行のナビゲーション、パフォーマンスの最適化、最新のデザインシステムの構築に関する専門家のガイダンスを提供します。

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

designing-frontend

安全 71

独創的なフロントエンドインターフェースを設計

作成者 Byunk

平凡なインターフェースはユーザーの注意を引くことができず、ブランドアイデンティティを希薄化させます。このスキルは、AIアシスタントが独自の美学、強力な視覚的階層、本番環境対応のコード品質を備えた、大胆で記憶に残るフロントエンドデザインを作成できるようガイドします。

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

brand-guidelines

安全 69

Anthropicブランドスタイリングを適用

作成者 anthropics

あなたのアセットはAnthropicのブランド基準に準拠していない可能性があります。このスキルは、すべてのマテリアルで一貫したスタイリングのための公式カラーとタイポグラフィのガイダンスを提供します。

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

omarchy-theming

安全 71

Omarchyデスクトップテーマの作成

作成者 BitYoungjae

複数のアプリケーション間で一貫したデスクトップテーマを作成することは、複雑で時間のかかる作業です。Omarchyテーマは、集中管理されたcolors.toml設定を提供し、ターミナル、ウィンドウマネージャー、システムツールを含むすべてのデスクトップアプリケーションのテーマを自動的に生成します。

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

ux-waiting-audit

安全 79

UX改善のためのWebアプリケーション待受状態監査

作成者 BayramAnnakov

AIエージェント製品には、ユーザーの不安や離脱を引き起こす長い待受時間がしばしば発生します。このスキルはブラウザ自動化を使用してアプリケーションの長時間操作の処理方法を監査し、優先順位付けされた推奨事項を含む包括的なレポートを生成します。

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

shadcn-ui-patterns

安全 70

ShadCNパターンでアクセシブルなUIを作成

作成者 Barnhardt-Enterprises-Inc

アクセシブルなReactコンポーネントを構築するには、ShadCNパターンとRadix UIプリミティブを理解する必要があります。このスキルでは、TailwindCSSと2025年11月の標準を使用した、モーダル、フォーム、その他のコンポーネントのアクセシブルな実装のベストプラクティスをを提供します。

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

shadcn-framer

安全 69

Framer Motionでアニメーション付きShadCN UIコンポーネントを構築する

作成者 Barnhardt-Enterprises-Inc

ShadCN UIコンポーネント用のスムーズなアニメーションを作成するには、Framer Motionのパターンを理解する必要があります。このスキルは、フェードイン、ホバー効果、ダイアログアニメーション、ページ遷移、ローディングスケルトン、すぐに使用できるコードパターンを提供します。

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

frontend-aesthetics

安全 70

際立ったフロントエンドデザインを作成

作成者 Barnhardt-Enterprises-Inc

AIはしばしば汎用的で使い古されたデザインパターンに偏り、インターフェースが機械生成だと一目で分かるものになりがちです。このスキルは、タイポグラフィ、色、モーション、奥行きに関する具体的な代替案を提供し、プロフェッショナルでブランド性のあるインターフェースを実現します。

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

apple-ui-design

安全 70

Apple風インターフェースをデザインする

作成者 BarisSozen

プレミアムなインターフェースを構築するには、タイポグラフィの階層、余白のリズム、そして繊細なアニメーションの理解が必要です。このスキルは、Appleプラットフォームにネイティブに感じられる、クリーンでミニマル、かつ使いやすいインターフェースを作るためのAppleのデザイン原則を提供します。

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