148 スキル
📦

ai-video-generation

低リスク 71

40 以上のモデルで AI 動画を生成

作成者 inference-sh-8

プロフェッショナルな動画制作には高価なソフトウェアと編集スキルが必要です。このスキルは、コンテンツ作成のためのシンプルな CLI コマンドで 40 以上の AI 動画モデルへの即時アクセスを提供します。

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

ai-image-generation

低リスク 72

50 以上のモデルで AI 画像を生成

作成者 inference-sh-8

複数のプラットフォームを学ばずにプロフェッショナルな AI 画像を作成できます。FLUX、Gemini、Grok、Seedream、Reve に 1 つの統一された CLI インターフェースでアクセスできます。

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

ui-ux-pro-max

安全 75

デザインシステムインテリジェンスによるプロフェッショナルな UI/UX デザインの作成

作成者 ZhanlinCui

プロフェッショナルな UI/UX デザインの作成には、アクセシビリティ、カラーセオリー、タイポグラフィ、およびスタック固有のパターンに関する深い知識が必要です。このスキルは、50 以上のデザインスタイル、カラーパレット、フォントの組み合わせ、実装ガイドラインを検索可能なデータベースとして提供し、洗練されたインターフェースをより迅速に構築することを支援します。

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

theme-factory

安全 73

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

作成者 ZhanlinCui

シンプルなドキュメントやプレゼンテーションを、厳選されたデザインテーマで視覚的に洗練されたアーティファクトに変換します。10 種類の事前作成されたテーマから選択するか、ブランドアイデンティティに合わせたカスタムスタイルを作成できます。

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

frontend-design

安全 74

特徴的なフロントエンドインターフェースの作成

作成者 ZhanlinCui

ユーザーは視覚的な個性に欠ける一般的な AI 生成フロントエンドコードに苦労しています。このスキルは、デザイン思考のガイダンスと美的原則を提供し、特徴的で記憶に残る視覚的アイデンティティを持つ本番グレードのインターフェースを作成するためのものです。

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

canvas-design

低リスク 72

キャンバスでビジュアルアートを作成

作成者 ZhanlinCui

デザイン哲学の原則を使用して、PNGおよびPDF形式でプロレベルのビジュアルアートを生成します。著作権の問題を避け、専門的な技術によるオリジナルアートワークを作成します。

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

brand-guidelines

安全 74

Anthropicブランドカラーとタイポグラフィを適用する

作成者 ZhanlinCui

AIが生成するすべてのコンテンツで一貫したビジュアルアイデンティティを維持します。このスキルはAnthropicの公式ブランドカラーとタイポグラフィを自動的に適用します。

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

algorithmic-art

安全 66

p5.jsでアルゴリズムアートを生成する

作成者 ZhanlinCui

再現可能な結果のためにシード付きランダムネスを使用してp5.jsで独自のジェネラティブアートを作成します。パラメータコントロールとシードナビゲーションを通じてユーザーが探索できるインタラクティブなアートを構築します。

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

frontend-design

安全 73

創造的で卓越したフロントエンドインターフェースの設計

作成者 YYH211

汎用的なAI生成のフロントエンドコードは、しばしば一般的で印象のないものになりがちです。このスキルは、大胆なデザインの選択と視覚的細部への注意深い配慮により、ユニークでプロダクション品質のウェブインターフェースの作成をガイドします。

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

安全 70

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

作成者 92Bilal26

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

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

theme-factory

安全 68

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

作成者 7Spade

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

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

frontend-design

安全 69

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

作成者 7Spade

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

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

canvas-design

安全 68

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

作成者 7Spade

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

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

brand-guidelines

安全 69

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

作成者 7Spade

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

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

snapdom

安全 69

HTML要素を画像に変換

作成者 2025Emma

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

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

frontend-design

安全 69

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

作成者 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)
インストール