148 スキル
🎨

web-design-guidelines

安全 69

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

作成者 vercel-labs

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

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

ai-elements

安全 81

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

作成者 vercel

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

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

theme-factory

安全 68

アーティファクトに専門的なテーマを適用する

作成者 anthropics

ドキュメントやプレゼンテーションで一貫した視覚スタイルが必要です。このスキルは10のキュレートされたテーマを提供し、要件に基づいてカスタムテーマを生成できます。スライド、ドキュメント、レポートに一致する色とフォントを適用します。

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

slack-gif-creator

安全 71

Slack用アニメーションGIFの作成

作成者 anthropics

SlackでアニメーションGIFを正しく表示するには、特定の次元、色の制限、フレームレートが必要です。このスキルは、Slackの要件を満たすGIFをスムーズなイージング関数と視覚効果付きで作成するためのツールを提供します。

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

liquid-glass

安全 71

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

作成者 patrickserrano

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

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

mulerouter

安全 80

MuleRouterでAI画像と動画を生成

作成者 openmule

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

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

nano-image-generator

安全 77

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

作成者 lxfater

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

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

generate-image

安全 73

FLUXとGeminiでAI画像を生成

作成者 K-Dense-AI

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

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

baoyu-xhs-images

安全 75

小紅書インフォグラフィックシリーズを作成

作成者 JimLiu

コンテンツを魅力的な小紅書スタイルのインフォグラフィックシリーズに変換します。コンテンツ分析に基づいてビジュアルスタイルとレイアウトを自動選択。小紅書プラットフォームに最適化された1〜10枚の漫画スタイル画像を生成します。

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

baoyu-slide-deck

安全 74

コンテンツからプロフェッショナルなスライドデッキを作成

作成者 JimLiu

ユーザーは文章コンテンツを視覚的なプレゼンテーションに変換することに苦労しています。このスキルはコンテンツを分析し、スタイル仕様を含む包括的なスライドアウトラインを生成し、AI画像生成を使用して個別のスライド画像を作成します。

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

baoyu-image-gen

低リスク 70

OpenAI と Google で AI 画像を生成

作成者 jimliu

開発環境から離れることなく高品質な AI 生成画像を作成できます。複数のプロバイダー、アスペクト比、参照画像をサポートし、精度の高い視覚制御が可能です。

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

baoyu-gemini-web

低リスク 71

Gemini Webでテキストと画像を生成

作成者 JimLiu

Google Gemini Webにアクセスして、AIによるテキスト生成と画像作成を行います。ブラウザベースの認証を使用して、Googleログインを安全に処理します。Gemini機能が必要な他のbaoyuスキルの基盤を提供します。

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

baoyu-cover-image

安全 73

手描き風記事のカバー画像を生成

作成者 JimLiu

視覚的に魅力的な記事のカバー画像を作成するには、デザインのスキルと画像生成ツールが必要です。このスキルはコンテンツを分析し、複数のビジュアルスタイルで自動的に Elegant な手描き風カバー画像を生成します。

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

baoyu-comic

低リスク 76

教育的ナレッジコミックを作成する

作成者 JimLiu

複雑なトピックを魅力的なビジュアルコミックに変換します。キャラクターデザイン、ストーリーボード、パネルレイアウトを備えた多页の教育コミックを、さまざまなアートスタイルで生成します。

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

baoyu-article-illustrator

安全 70

記事のAIイラスト生成

作成者 JimLiu

テキストだけでは記事の読者を引きつけることはできません。このスキルは記事の内容を分析し、重要な位置に文脈に合ったイラストを自動的に生成します。9つのビジュアルスタイルから、コンテンツ的语气とトピックに合ったものを選べます。

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

ai-video-generation

低リスク 69

AI動画生成

作成者 inference-sh

40以上のAIモデルを使用して、テキスト、画像、または音声から動画を作成します。Veo 3.1、Grok Video、Wan 2.5などのツールを使用して、ソーシャルメディークリップ、マーケティングコンテンツ、説明動画を作成します。

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

remotion-render

低リスク 71

React/Remotionコードからビデオをレンダリング

作成者 inference-sh-7

ReactとRemotion TSXコードをプログラムでMP4ビデオに変換します。コードを通じてアニメーション、モーショングラフィックス、データ駆動型のビデオを生成したい開発者に最適です。

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

remotion-render

安全 74

React/Remotionコードから動画をレンダリング

作成者 inference-sh-6

Remotionを使用してReact TSXコードをプロフェッショナルなMP4動画に変換します。開発者、コンテンツクリエイター、自動化ワークフロー向けのプログラム可能な動画生成。

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

remotion

低リスク 75

StitchスクリーンからRemotionウォークスルービデオを作成

作成者 google-labs-code

チームではアプリスクリーンの高速で一貫性のあるウォークスルービデオが必要ですが、手動編集は遅いです。このスキルは、画面取得とRemotion構成を自動化し、トランジションとオーバーレイを含むレンダリング可能なビデオを生成します。

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

frontend-design

安全 70

プロダクショングレードのフロントエンドインターフェースを設計

作成者 anthropics

このスキルは、汎用的なAI生成デザインとは異なる独自でプロダクション対応のフロントエンドインターフェースを作成します。大胆な美学と細部への注意を払った、洗練されたウェブコンポーネントを提供します。

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