391 スキル
📦

gif-sticker-maker

中リスク 68

写真からアニメーションGIFステッカーを作成

作成者 MiniMax-AI

あらゆる写真を、特色あるFunko Pop 3Dフィギュアスタイルのアニメーションステッカー4枚に変換します。このスキルは、画像生成からアニメーション、最終的なGIF出力までの完全なワークフローを処理し、元の写真とMiniMax APIキーだけが必要です。

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

design-style-skill

安全 70

PPTスライドにビジュアルデザインシステムを適用する

作成者 MiniMax-AI

一貫性のないスタイリングは、プレゼンテーションスライドを未professionallyに見せ、注意をそらします。このスキルは、正確な角丸半径とスペーシング値を持つ4つの定義済みデザインスタイルレシピを提供し、すべてのスライドが統一されたビジュアルシステムに従うようにします。

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

color-font-skill

安全 71

プレゼンテーションにカラーパレットとフォントの組み合わせを追加する

作成者 MiniMax-AI

プレゼンテーションのカラーとフォントの選択には時間がかかり、デザインの一貫性が失われがちです。このスキルは、PowerPointスライドに最適化された厳選されたブランドセーフなカラーパレットとフォントの組み合わせを提供します。

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

design-an-interface

安全 74

並列サブエージェントを活用した優れたインターフェース設計

作成者 mattpocock

デザイナーは代替案を検討せず、最初のインターフェース案に落ち着くことがよくあります。このスキルは「Design It Twice」手法を適用し、並列サブエージェントを使用して根本的に異なるインターフェース設計を生成し、比較と統合を行います。

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

nano-image-generator

安全 76

スタイルリファレンスを使用してGemini 3 Proで画像を生成する

作成者 lxfater

プロジェクトのビジュアルアセットを作成するには、高額なデザインツールや手作業のイラストが必要です。このスキルは、Google Gemini 3 Pro Preview APIを使用したインスタント画像生成を可能にし、複数のアセット間で一貫したスタイルとキャラクターの外観を維持するための参考画像をサポートしています。

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

stitch-design-taste

安全 70

Google Stitch用のプレミアムUIデザインシステムを生成

作成者 leonxlnx

Claudeエージェントは多くの場合、汎用的でAIらしいインターフェースを生成します。このスキルは、Interフォント、ネオングロー,中央配置ヒーローセクションなどの一般的な落とし穴を避けるために、厳格なデザイン基準を適用し、プレミアムで非汎用的なUI仕様を生成します。

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

redesign-existing-projects

安全 71

プレミアムデザイン基準で既存プロジェクトをアップグレード

作成者 leonxlnx

AI生成のウェブサイトは、同じ汎用的なパターンを共有することが多く、区別がつかなくなります。このスキルは既存のプロジェクトを監査し、コードベースを書き直すことなく、洗練されたプレミアムな外観を作成するためのターゲットとなったデザインアップグレードを適用します。

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

minimalist-ui

安全 70

プレミアムミニマリストウェブインターフェースを作成

作成者 leonxlnx

AIが生成するインターフェースは汎用的で二流なものに見えることが多いです。このスキルはClaudeが、温かみのあるモノクロパレット、タイポグラフィの階層構造、そしてプレミアムな美学を備えた、洗練された編集者スタイルのウェブデザインを製作することをガイドします。

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

industrial-brutalist-ui

安全 69

インダストリアル・ブルータリストWebインターフェースをデザインする

作成者 leonxlnx

スイスタイポグラフィとミリタリーターミナル美学を融合した、大胆で機械的なWebインターフェースを作成。生データ重視のダッシュボードやエディトリアルサイトを、荒々しい機能性と極端なタイポグラフィコントラストで生成。

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

image-to-code

安全 70

Turn design ideas into matching website code

作成者 leonxlnx

Most AI web design tools produce generic, repetitive layouts that are hard to translate into real code. This skill generates premium design images first, analyzes them deeply, then produces frontend code that faithfully matches the visual reference.

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

imagegen-frontend-web

安全 70

Generate Premium Website Design References

作成者 leonxlnx

Standard AI image generation defaults to repetitive, generic website layouts with purple gradients and left-text/right-image heroes. This skill breaks those patterns by enforcing art-directed, premium frontend design references that developers can actually build from.

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

imagegen-frontend-mobile

安全 69

Generate Premium Mobile App Screen Images

作成者 leonxlnx

Standard AI tools produce generic, cluttered mobile mockups with unreadable text and inconsistent design systems. This skill solves that by enforcing premium art direction, platform-native patterns, strict multi-screen consistency, and readable typography inside clean phone mockups.

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

high-end-visual-design

安全 70

プレミアムな代理店の品質を持つインターフェースを設計

作成者 leonxlnx

ほとんどのAIツールは、研磨をかけたれていないテンプレート的なUIデザインを生成します。このスキルは、フォント、スペーシング、シャドウ、卡片構造、アニメーションに関する正確なデザインルールを提供し、ハイエンドなデザイン代理店から得られたようなインターフェースを作成します。

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

design-taste-frontend-v1

安全 73

AI の粗悪なデザインを排除し、高品質なフロントエンドデザインを生成する

作成者 leonxlnx

LLM が生成する UI は汎用的で陳腐なものが多く、中央寄せのヒーローセクション、紫のグラデーション、Inter フォントが使われがちです。このスキルは、適切なモーション物理学、タイポグラフィ、レイアウトの多様化を用いて、独自性と高品質を備えたフロントエンドデザインを生成するための設計されたディレクティブを提供します。

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

design-taste-frontend

安全 70

デザインガードレールでプレミアムインターフェースを構築

作成者 leonxlnx

AIコーディングアシスタントはデフォルトで汎用的で予測可能なインターフェースを生成します。このスキルは厳格なデザインルール、コンポーネントアーキテクチャ、パフォーマンス基準を適用し、プロフェッショナル品質のフロントエンドコードを生成します。

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

brandkit

安全 67

Generate Premium Brand Identity Kits and Logo Systems

作成者 leonxlnx

Creating professional brand identity boards requires design expertise most AI users lack. This skill generates premium brand-guidelines decks, logo systems, and identity presentations with intentional composition and refined visual quality.

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

generate-image

安全 71

FLUXとGeminiでAI画像を生成

作成者 K-Dense-AI

AIモデルを使用して、プレゼンテーション、ドキュメント、出版物向けの高品質な画像を作成します。シンプルなテキストプロンプトでオリジナルアートワークを生成したり、既存の画像を編集したりできます。OpenRouter APIを通じてFLUXとGeminiモデルにアクセスできます。

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

ui-final-polish

低リスク 70

UIデザインを本番品質に磨き上げる

作成者 JohnWayneeee

UIのポリッシュ更新は往々にしてリデザインに発展し、作品の特徴を変えてしまいます。このスキルは、正確で抑制の効いたビジュアルポリッシュを提供し、階層、スペーシング、可読性をシャープにしながら、元のデザイン意図を完全に維持します。

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

pencil-to-code

低リスク 70

Pencilデザインを本番向けフロントエンドコードに変換

作成者 JohnWayneeee

このスキルは、Pencilデザインファイル(.pen)を本番環境で使えるフロントエンドコードに自動変換します。デザイナーと開発者は、レイアウト、タイポグラフィ、視覚的な忠実度をデザインからコードまで維持することで、手動マークアップの時間を大幅に削減できます。

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

payoff-action-modeling

安全 71

ユーザーの意図質問からUIアクションモデルを設計する

作成者 JohnWayneeee

プロダクトチームは、ユーザーがタスクを完了した後にどのUIアクションを表示すべきかの判断に苦労しています。このスキルは、ユーザーの意図からアクションをモデル化するための構造化されたフレームワークを提供し、適切なスコープと優先順位に配置します。

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