269 スキル
📦

clarify

安全 72

UXコピーの明確化とエラーメッセージの改善

作成者 pbakaus

わかりにくいインターフェーステキストはユーザーを困惑させ、サポートコストを増加させます。このスキルは、専門用語、曖昧なラベル、不適切なエラーメッセージを、ユーザーを効果的に導く明確で親しみやすいコピーに変換します。

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

bolder

安全 71

退屈なデザインを大胆な体験に変える

作成者 pbakaus

ありきたりで忘れてしまいそうなインターフェースに甘んじるのは止めましょう。このスキルはClaudeが_usersを惹きつけながらユーザビリティとアクセシビリティ基準を維持した視覚的にインパクトのあるデザインを作成するのに役立ちます。

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

audit

安全 70

インターフェース品質の監査

作成者 pbakaus

不適切なインターフェース品質はユーザーエクスペリエンスを損ない、障害を持つユーザーを排除します。このスキルは、アクセシビリティ、パフォーマンス、テーマ、レスポンシブデザインにわたって体系的な監査を提供し、本番環境に到達する前に問題を特定します。

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

arrange

安全 70

意図的なスペーシングとリズムでレイアウトを変革する

作成者 pbakaus

単調なグリッドや不規則なスペーシングを排除します。このスキルは、意図的なスペーシング、変化のあるリズム、構造化されたレイアウトを通じて視覚的な階層を作成するための体系的なアプローチを提供します。

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

animate

安全 70

意図的なアニメーションとマイクロインタラクションの追加

作成者 pbakaus

静的なインターフェースは未完成に感じられ、ユーザーをガイドする機会を逃しています。このスキルは、フィードバックを提供し、理解を深め、ユーザーを圧倒することなく楽しいエクスペリエンスを作成するモーションを戦略的に追加するのに役立ちます。

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

adapt

安全 71

あらゆる画面やプラットフォームにデザインを適応

作成者 pbakaus

モバイル、タブレット、デスクトップ、印刷、メールなどでデザインを機能させることに苦労していませんか?このスキルは、一貫性とユーザビリティを維持しながら、異なるコンテキストにデザインを適応させるための専門的なガイダンスを提供します。

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

liquid-glass

安全 70

SwiftUIアプリにLiquid Glassエフェクトを追加する

作成者 patrickserrano

最新のiOSインターフェースを構築するには、高度な視覚エフェクトを実装する必要があります。このスキルは、iOS 26+のLiquid Glass APIを使用して、SwiftUIでブラー、リフレクション、インタラクティブなガラス поверхностを作成するためのガイドラインとコード例を提供します。

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

app-store-screenshots

安全 71

ClaudeでApp Storeスクリーンショットを生成

作成者 ParthJadhav

プロフェッショナルなApp Storeスクリーンショットの作成は面倒で時間がかかります。このスキルは、Next.jsとhtml-to-imageを使用して、Appleが要求する解像度でマーケティング最適化されたiOSスクリーンショットを生成します。

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

mulerouter

安全 80

MuleRouterでAI画像と動画を生成

作成者 openmule

プロ品質のAI生成メディアの作成には、複雑なAPI連携やモデル管理が必要です。MuleRouterスキルは、最先端のAIモデルを使って画像と動画を生成するための統一インターフェースを提供し、これを簡素化します。

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

gif-sticker-maker

中リスク 72

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

作成者 MiniMax-AI

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

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

design-style-skill

安全 74

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

作成者 MiniMax-AI

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

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

color-font-skill

安全 74

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

作成者 MiniMax-AI

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

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

nano-image-generator

安全 77

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

作成者 lxfater

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

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

stitch-design-taste

安全 73

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

作成者 leonxlnx

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

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

minimalist-ui

安全 73

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

作成者 leonxlnx

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

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

redesign-existing-projects

安全 73

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

作成者 leonxlnx

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

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

industrial-brutalist-ui

安全 73

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

作成者 leonxlnx

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

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

high-end-visual-design

安全 73

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

作成者 leonxlnx

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

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

design-taste-frontend

安全 73

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

作成者 leonxlnx

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

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

generate-image

安全 71

FLUXとGeminiでAI画像を生成

作成者 K-Dense-AI

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

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