390 スキル
🎨

animation-shader

安全 70

Unity ゲーム向けアニメーションスタイルシェーダーの作成

作成者 Yuki001

Unity 向けにスタイリッシュなトゥーンシェーダーを構築するには、複雑なシェーダーパラメータと機能マッピングの理解が必要です。このスキルは 6 つの人気シェーダーライブラリ向けのプリセットスタイルと詳細なリファレンスを提供し、アニメ、セルシェーデッド、アーティスティックなレンダリング効果の実装を支援します。

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

obsidian-theme-designer

低リスク 72

Obsidian テーマをビジュアルでデザイン

作成者 XiangyuSu611

Obsidian テーマのデザインには通常 CSS の知識と試行錯誤が必要です。このスキルはブラウザでのプレビューを伴うビジュアルなガイド付きワークフローを提供し、あらゆるユーザーが適切な色、フォント、レイアウトでカスタムテーマを作成できるようにします。

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

ux-evaluator

安全 69

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

作成者 92Bilal26

UIレビューは主観的な意見の応酬になりがちです。このスキルは、業界权威からのエビデンスに基づいた原則に基づいてデザインビックバックを基礎づけるための体系的な3次元フレームワークを提供します。

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

image-generator

安全 68

Geminiで教育用ダイアグラムを生成する

作成者 92Bilal26

レッスン用のプロフェッショナルなダイアグラムを作成するには、何時間ものデザイン作業がかかります。このスキルは、ブラウザ自動化と6段階品質管理を使用してGemini 3で教育用ビジュアルを生成するための構造化されたワークフローを提供します。

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

frontend-design

安全 68

目を引くフロントエンドインターフェースの作成

作成者 92Bilal26

Webインターフェースの構築では、汎用的で予測可能なデザインになりがちです。このスキルは、AIアシスタントが大胆で本番品質の高いフロントエンドコードを作成し、標準的なパターンとは異なる独自の美学、クリエイティブなタイポグラフィ、洗練されたアニメーションを実現するガイドを提供します。

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

theme-factory

安全 67

プレゼンテーションやドキュメントにプロフェッショナルなテーマを適用する

作成者 7Spade

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

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

frontend-design

安全 68

際立った本番環境レベルのフロントエンドインターフェースを設計する

作成者 7Spade

汎用的なAIが生成したフロントエンドコードは似たり寄ったりで、創造的な特徴が欠けていることが多いです。このスキルは、独自で記憶に残るインターフェースの作成をガイドします。大胆な美的選択、適切なタイポグラフィ、一貫したカラーテーマ、洗練された視覚的ディテールを特徴とします。

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

canvas-design

安全 68

ビジュアルアートとデザインマスターピースを作成する

作成者 7Spade

ユーザーは、ディープなデザインの知識とタイポグラフィの専門知識を必要とする、オリジナルで博物館品質のビジュアルデザインを作成することに困難を感じています。このスキルは、厳選されたフォントとデザイン哲学の原則を使用して、洗練されたビジュアルアートを生成し、元のPNGおよびPDF出力を生成します。

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

brand-guidelines

安全 67

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

作成者 7Spade

ドキュメントやプレゼンテーションで一貫したブランドスタイリングが必要な方向けです。このスキルはAnthropic公式のブランドカラーとタイポグラフィガイドラインを提供し、プロフェッショナルなビジュアルアイデンティティを適用します。

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

snapdom

安全 70

HTML要素を画像に変換

作成者 2025Emma

スタイル付きDOM要素を画像としてキャプチャする必要はありませんか?SnapDOMは、SVG、PNG、JPG、WebP形式をサポートし、フォント、擬似要素、CSSエフェクトを保持しながら、高速で正確なDOM-to-image変換を提供します。

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

frontend-design

安全 67

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

作成者 1bertogit

このスキルは、大胆で記憶に残る美学を備えたプロダクションレベルのWebインターフェース構築を支援します。タイポグラフィ、色彩、モーション、空間構成に関するクリエイティブな選択をガイドし、汎用的なAI生成デザインを回避します。

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

create-svg-from-prompt

低リスク 66

プロンプトからSVGグラフィックスを生成

作成者 0x6a77

SVGベクターグラフィックスを手動で作成するには、デザインソフトウェアと技術的なスキルが必要です。このスキルはAIを使用して、Google Geminiとautotraceを通じてテキスト説明を拡大縮小可能なベクターグラフィックスに変換します。

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

tailwind-design-system

安全 69

Tailwindデザインシステムの構築

作成者 wshobson

デザインシステムは明確なトークンとパターンがないとずれがちです。このスキルは、コードベース全体でコンポーネント、テーマ、レスポンシブレイアウトを標準化するためのTailwind構造を提供します。

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

video-enhancement

中リスク 61

AIで動画を強化・高解像度化

作成者 verging-ai

低解像度やノイズの多い動画をシャープなHD/4K出力に変換します。このスキルはローカルファイルや動画URLからの完全なエンHanceメントパイプラインを自動化し、手動編集なしで結果を提供します。

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

AI Image Generation — verging.ai

低リスク 69

DALL-EとGPT-Image-1でAI画像を生成する

作成者 verging-ai

AIで画像を生成するには、APIキー、リクエストパラメータ、レスポンス処理を管理する必要があります。このスキルは、verging.aiプロキシAPIを通じて画像を生成するためのすぐに使えるインターフェースを提供し、標準品質とHD品質の両方のモードをサポートしています。

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

faceswap

中リスク 61

AIで動画の顔を交換する

作成者 verging-ai

動画内の顔を手動で入れ替えるのは時間がかかり、専門的なソフトウェアが必要です。このスキルはverging.ai APIを使用してワークフロー全体を自動化し、ローカルファイルやYouTube/BilibiliのURLを入力として受け取り、結果を直接出力します。

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

background-remover

安全 70

AIで画像から背景を削除

作成者 verging-ai

あらゆる画像から背景を自動的に削除し、プロフェッショナルな透明PNGを作成。製品写真、プロフィール画像、デザイン作業に最適。手作業での編集不要。

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

background-removal

低リスク 71

AIで画像の背景を即座に削除

作成者 verging-ai

画像の背景を手動で削除するのは時間がかかり、高価なソフトウェアが必要です。このスキルはverging.ai APIを使用してプロセスを自動化し、JPG、PNG、WebPファイルから透明なPNG結果を配信します。

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

web-design-guidelines

安全 68

UIコードの設計コンプライアンスレビュー

作成者 vercel-labs

Claudeは確立されたWebデザインガイドラインに対してUIコードを自動的にレビューし、デプロイ前にアクセシビリティの問題、ユーザビリティの問題、ベストプラクティス違反を検出できます。このスキルは最新のガイドラインを取得し、、改善点を特定するための静的解析を実行します。

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

ai-elements

安全 78

AIチャットインターフェースの構築

作成者 vercel

shadcn/uiパターンとVercel AI SDK規約に従った、事前構築された再利用可能なUI要素を使用して、モダンなAIチャットインターフェースコンポーネントを作成します。

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