デザインシステム、UIコンポーネント、ユーザビリティ監査、レスポンシブデザインなど
by @aj-geddes
モバイルファーストデザインの原則に従い、まずモバイルデバイス向けにインターフェースを最適化し、その後徐々に大画面に適応させ、ユーザーエクスペリエンスを向上させます。
by @giuseppe-trisciuoglio
draw.ioでプロフェッショナルな論理図を作成し、本番環境対応の.drawioファイルを生成します。
by @anthropics
デザインモックアップから完全な開発者向け引き渡しドキュメントを生成します。これには仕様書、スタイルガイド、インタラクションロジックが含まれます。
by @lotosbin
UI/UXデザインの専門知識を提供し、ユーザーインターフェースとユーザーエクスペリエンスのデザイン作業を支援します。
by @davila7
ユーザー中心の研究と体験デザインのための包括的なツールキットを提供します。データ駆動型のユーザーペルソナ生成やカスタマージャーニーマップ作成などのコア能力を網羅します。
by @inferen-sh
ビジネスプレゼンテーション(ピッチデック)向けに高品質な視覚要素のデザインに特化し、プレゼンテーションの専門性と魅力を高め、プロジェクトの成功を支援します。
メインエージェントがExcalidrawファイルを直接読み取らず、サブエージェントに処理を委任することで、コンテキスト消費を分離し、デザインコラボレーションを最適化します。
by @wondelai
受賞歴のある没入型で最高級のウェブ体験の創造に特化し、卓越したデザインと革新的な技術を通じて、ユーザーに非凡な視覚とインタラクションの感覚をもたらします。
by @samhvw8
TailwindCSS、Radix、shadcn/uiに基づいたReact UIコンポーネントシステムを構築します。
draw.io図を管理し、.drawioファイルの編集、自動生成されたPNGの使用、フォント設定ガイドラインの提供に焦点を当てます。
by @yonatangross
UIコンポーネントスキル。shadcn/uiとRadix Primitivesを使用してアクセシブルなUIコンポーネントライブラリを構築するための包括的なパターンを提供し、CVAバリアント、OKLCHテーマ、cn()ユーティリティを網羅します。
by @claude-office-skills
MermaidとPlantUMLを使用してプロフェッショナルな図を作成し、フローチャート、シーケンス図、アーキテクチャ図を生成します。
by @mrgoonie
shadcn/uiコンポーネント、Tailwind CSS、およびキャンバスビジュアルデザインシステムを組み合わせて、美しく使いやすいユーザーインターフェースを作成する総合的なスキルです。
MermaidやPlantUMLなどのツールを使用してシステムアーキテクチャ図を作成し、システム構造とコンポーネントの関係を明確に示し、コミュニケーションと設計を容易にします。
by @arvindrk
公開ウェブサイトからデザイントークン(色、フォント、間隔など)を自動抽出し、ローカルデザインシステムファイルを生成してUI開発を加速します。
by @shubhamsaboo
LLMアプリケーション、AIエージェント、RAG技術を組み合わせることで、UXデザイナーにインテリジェントな支援を提供し、ユーザーエクスペリエンス設計プロセスと意思決定を最適化します。
視覚芸術とデザインマニフェストを作成し、PNGおよびPDF形式で提示することで、デザイン哲学と美的主張を伝えます。
by @google-labs-code
Google Labsの反復的な設計と構築のループ手法に従い、迅速なプロトタイピングと継続的なフィードバックを通じて、アイデアを効率的に実際の製品に変換します。
デザインプロジェクトに多様で高品質なビジュアルスタイルオプションを提供することを目的とした、10種類以上のプロフェッショナルなフォントとカラーテーマの厳選されたコレクションを提供します。
by @JimLiu
プロフェッショナルインフォグラフィックジェネレーター:20種類のレイアウトタイプ、17種類のビジュアルスタイルがあり、コンテンツに基づいて最適なレイアウトとスタイルの組み合わせを自動的に推奨します。
Stitchデザイン作業の統一された入り口として、プロンプトエンジニアリングを処理し、デザインプロセスの円滑かつ効率的な進行を保証します。
CSS Grid、Flexbox、メディアクエリなどの技術を駆使してレスポンシブなウェブレイアウトを設計・実装し、様々なデバイスや画面サイズで最適なユーザーエクスペリエンスを提供します。
by @sickn33
Radix UIプリミティブを使用して、アクセシブルで高性能なデザインシステムを構築し、ユーザーエクスペリエンスと開発効率を向上。
アイデアを完全な機能設計と仕様に変換するのを支援し、構造化された情報収集と共同検証を通じて洗練させます。
by @dylantarre
ディズニーの12原則を適用し、表現豊かで目的のあるビジュアルアニメーションを作成します。AIエージェントスキルとして、作業効率と自動化能力を向上させます。
by @rknall
SVGロゴデザイナー — AIエージェントスキルツール
モバイルファーストデザイン原則に従い、iOSおよびAndroidプラットフォーム向けに優れたユーザーエクスペリエンスのUIデザインを提供します。
by @jezweb
Claude Code CLI向けのスキルで、フルスタック開発、Cloudflare、React、Tailwind v4をカバーします。
by @figma
Figmaで公開されているデザインシステムコンポーネント、変数、スタイルを再利用し、完全なインターフェースページを自動的に作成または更新し、ハードコードによる描画を回避します。
ユーザーリサーチの計画、実行、統合を支援し、ユーザーのニーズと行動を深く理解して、製品設計と開発を導きます。
マイクロインタラクションの設計方法を体系化し、洗練された製品インタラクションの詳細を作成。ユーザー体験と製品全体の品質感を向上させます。
カラーパレット、フォント、視覚要素などのブランドアイデンティティリソースを活用し、すべてのタッチポイントでブランドイメージの一貫性とプロフェッショナリズムを確保します。
by @pbakaus
デザインのレイアウトと間隔を評価・最適化し、単調さ、混雑、構造の弱さなどの問題を解決し、視覚的な美しさとユーザーエクスペリエンスを向上させます。
マルチプラットフォームAI画像生成:OpenAI、Google、DashScope、Jimeng、Seedream、Replicateなど7つのプラットフォームをサポートし、アスペクト比と品質プリセットを提供します。
記事カバー画像ジェネレーター:5次元デザインシステム(タイプ×配色×レンダリング×テキスト×ムード)、9種類の配色案×6種類のレンダリングスタイルを組み合わせます。
教育漫画ジェネレーター:5種類の画風×7種類のトーン×3種類のプリセット×6種類のコマ割りレイアウトで、知識ポイントを漫画形式に変換します。
by @manaflow-ai
Markdownファイルを独立したパネルに表示し、リッチテキストフォーマットとリアルタイムファイル監視による自動更新に対応します。
by @openai
Figma MCPサーバーを使用してFigma駆動のデザイン実装を行います。作業効率と自動化能力を向上させるAIエージェントスキル。
by @antvis
提供されたテキストコンテンツに基づいて、美しく情報豊富なインフォグラフィックを自動生成し、複雑なデータを視覚化して理解と普及を容易にします。
ドキュメント、アーキテクチャの視覚化、プロセス図作成のための包括的なMermaid図の作成に長けています。
インフォグラフィックのレイアウトとコンテンツ構造を計画し、視覚的な階層を作成して魅力的なデータストーリーを伝えます。
by @enzed
React Three Fiberにおけるライティングデザインに特化し、様々な光源タイプ、影の効果、環境光設定を網羅し、3Dシーンにリアルな視覚体験を創造します。
by @jwynia
効果的なコミュニケーションのためのプレゼンテーションを設計および評価することを目的とし、計画、ビジュアルデザイン、認知負荷管理のフレームワークを提供し、表現効果を高めます。
by @nextlevelbuilder
プロフェッショナルなUI/UX構築のためのデザインインテリジェンスを提供するAIスキル。作業効率と自動化能力を向上させるAIエージェントスキル。
by @superdesigndev
Superdesignは、フロントエンドのUI/UXデザインに特化したインテリジェントエージェントであり、プロのデザインアドバイスとソリューションを提供し、ユーザーエクスペリエンスを向上させます。
マルチエージェント分析プロセスにより、UIスクリーンショットから製品の機能特性を効率的に抽出し、デザインを支援します。
Google Stitch向けに効率的なUIデザインプロンプトを作成するための専門ガイド。ユーザーインターフェースとインタラクション体験を最適化します。
by @aradotso
コーディングエージェントにデザインインテリジェンスを注入。161の推論ルール、67のUIスタイル、57のフォント組み合わせ、および納品前チェックリストを提供します。
Webデザインパターンに精通し、確立されたソリューションを適用して一般的なデザイン問題を解決し、ウェブサイトの使いやすさ、保守性、ユーザーエクスペリエンスを向上させます。フルスタック開発に適しています。
by @leonxlnx
Google Stitch向けに最適化されたセマンティックデザインシステムを生成し、フロントエンドエンジニアリング仕様を記述的なデザイン言語に変換して、画面生成品質を向上させます。