web-design-guidelines
安全 69UIコードの設計コンプライアンスレビュー
作成者 vercel-labs
Claudeは確立されたWebデザインガイドラインに対してUIコードを自動的にレビューし、デプロイ前にアクセシビリティの問題、ユーザビリティの問題、ベストプラクティス違反を検出できます。このスキルは最新のガイドラインを取得し、、改善点を特定するための静的解析を実行します。
ai-elements
安全 81AIチャットインターフェースの構築
作成者 vercel
shadcn/uiパターンとVercel AI SDK規約に従った、事前構築された再利用可能なUI要素を使用して、モダンなAIチャットインターフェースコンポーネントを作成します。
theme-factory
安全 68アーティファクトに専門的なテーマを適用する
作成者 anthropics
ドキュメントやプレゼンテーションで一貫した視覚スタイルが必要です。このスキルは10のキュレートされたテーマを提供し、要件に基づいてカスタムテーマを生成できます。スライド、ドキュメント、レポートに一致する色とフォントを適用します。
slack-gif-creator
安全 71Slack用アニメーションGIFの作成
作成者 anthropics
SlackでアニメーションGIFを正しく表示するには、特定の次元、色の制限、フレームレートが必要です。このスキルは、Slackの要件を満たすGIFをスムーズなイージング関数と視覚効果付きで作成するためのツールを提供します。
liquid-glass
安全 71SwiftUIアプリにLiquid Glassエフェクトを追加する
作成者 patrickserrano
最新のiOSインターフェースを構築するには、高度な視覚エフェクトを実装する必要があります。このスキルは、iOS 26+のLiquid Glass APIを使用して、SwiftUIでブラー、リフレクション、インタラクティブなガラス поверхностを作成するためのガイドラインとコード例を提供します。
mulerouter
安全 80MuleRouterでAI画像と動画を生成
作成者 openmule
プロ品質のAI生成メディアの作成には、複雑なAPI連携やモデル管理が必要です。MuleRouterスキルは、最先端のAIモデルを使って画像と動画を生成するための統一インターフェースを提供し、これを簡素化します。
nano-image-generator
安全 77スタイルリファレンスを使用してGemini 3 Proで画像を生成する
作成者 lxfater
プロジェクトのビジュアルアセットを作成するには、高額なデザインツールや手作業のイラストが必要です。このスキルは、Google Gemini 3 Pro Preview APIを使用したインスタント画像生成を可能にし、複数のアセット間で一貫したスタイルとキャラクターの外観を維持するための参考画像をサポートしています。
generate-image
安全 73FLUXとGeminiでAI画像を生成
作成者 K-Dense-AI
AIモデルを使用して、プレゼンテーション、ドキュメント、出版物向けの高品質な画像を作成します。シンプルなテキストプロンプトでオリジナルアートワークを生成したり、既存の画像を編集したりできます。OpenRouter APIを通じてFLUXとGeminiモデルにアクセスできます。
baoyu-xhs-images
安全 75小紅書インフォグラフィックシリーズを作成
作成者 JimLiu
コンテンツを魅力的な小紅書スタイルのインフォグラフィックシリーズに変換します。コンテンツ分析に基づいてビジュアルスタイルとレイアウトを自動選択。小紅書プラットフォームに最適化された1〜10枚の漫画スタイル画像を生成します。
baoyu-slide-deck
安全 74コンテンツからプロフェッショナルなスライドデッキを作成
作成者 JimLiu
ユーザーは文章コンテンツを視覚的なプレゼンテーションに変換することに苦労しています。このスキルはコンテンツを分析し、スタイル仕様を含む包括的なスライドアウトラインを生成し、AI画像生成を使用して個別のスライド画像を作成します。
baoyu-image-gen
低リスク 70OpenAI と Google で AI 画像を生成
作成者 jimliu
開発環境から離れることなく高品質な AI 生成画像を作成できます。複数のプロバイダー、アスペクト比、参照画像をサポートし、精度の高い視覚制御が可能です。
baoyu-gemini-web
低リスク 71Gemini Webでテキストと画像を生成
作成者 JimLiu
Google Gemini Webにアクセスして、AIによるテキスト生成と画像作成を行います。ブラウザベースの認証を使用して、Googleログインを安全に処理します。Gemini機能が必要な他のbaoyuスキルの基盤を提供します。
baoyu-cover-image
安全 73手描き風記事のカバー画像を生成
作成者 JimLiu
視覚的に魅力的な記事のカバー画像を作成するには、デザインのスキルと画像生成ツールが必要です。このスキルはコンテンツを分析し、複数のビジュアルスタイルで自動的に Elegant な手描き風カバー画像を生成します。
baoyu-comic
低リスク 76教育的ナレッジコミックを作成する
作成者 JimLiu
複雑なトピックを魅力的なビジュアルコミックに変換します。キャラクターデザイン、ストーリーボード、パネルレイアウトを備えた多页の教育コミックを、さまざまなアートスタイルで生成します。
baoyu-article-illustrator
安全 70記事のAIイラスト生成
作成者 JimLiu
テキストだけでは記事の読者を引きつけることはできません。このスキルは記事の内容を分析し、重要な位置に文脈に合ったイラストを自動的に生成します。9つのビジュアルスタイルから、コンテンツ的语气とトピックに合ったものを選べます。
ai-video-generation
低リスク 69AI動画生成
作成者 inference-sh
40以上のAIモデルを使用して、テキスト、画像、または音声から動画を作成します。Veo 3.1、Grok Video、Wan 2.5などのツールを使用して、ソーシャルメディークリップ、マーケティングコンテンツ、説明動画を作成します。
remotion-render
低リスク 71React/Remotionコードからビデオをレンダリング
作成者 inference-sh-7
ReactとRemotion TSXコードをプログラムでMP4ビデオに変換します。コードを通じてアニメーション、モーショングラフィックス、データ駆動型のビデオを生成したい開発者に最適です。
remotion-render
安全 74React/Remotionコードから動画をレンダリング
作成者 inference-sh-6
Remotionを使用してReact TSXコードをプロフェッショナルなMP4動画に変換します。開発者、コンテンツクリエイター、自動化ワークフロー向けのプログラム可能な動画生成。
remotion
低リスク 75StitchスクリーンからRemotionウォークスルービデオを作成
作成者 google-labs-code
チームではアプリスクリーンの高速で一貫性のあるウォークスルービデオが必要ですが、手動編集は遅いです。このスキルは、画面取得とRemotion構成を自動化し、トランジションとオーバーレイを含むレンダリング可能なビデオを生成します。
frontend-design
安全 70プロダクショングレードのフロントエンドインターフェースを設計
作成者 anthropics
このスキルは、汎用的なAI生成デザインとは異なる独自でプロダクション対応のフロントエンドインターフェースを作成します。大胆な美学と細部への注意を払った、洗練されたウェブコンポーネントを提供します。