Cursor と Figma の深い連携。デザインからコードへの自動変換、コンポーネント認識と生成、ピクセルパーフェクトな再現。
ChatGPT の会話から直接 Canva デザインを作成。欲しいデザインを伝えるだけで、プロ品質のポスター・スライド・SNS 画像を生成。
Anthropic 公式のフロントエンドデザインスキル。「AI っぽさ」を脱した、デザイン性が高くそのまま公開できるモダンな UI を生成。
Anthropic 公式のビジュアルデザインスキル。デザイン哲学に基づいてポスター、カバー、カードなどの静的作品を制作し、PNG / PDF で出力。
あらゆる成果物をワンステップで着せ替え:10 種のプリセットテーマ(配色 + フォント)、ブランドから新テーマの即時生成も可能。
会社のブランド規範(カラー、フォント、トーン)をスキル化。以降のドキュメント・スライド・Web ページが自動でブランド準拠に。
Hallmark は Together AI 製のデザイン skill で、LLM が生む「AI 臭い」Web を拒否します。各ブリーフごとにマクロ構造を選び、20 のテーマから 1 つを着せ、57 のスロップ検査と出力前の自己批評を通します。だから異なる 2 つのブリーフは、同じテンプレの色違いではなく別々のサイトに見えます。
Huashu Design は HTML ネイティブのデザイン skill です。agent に一言伝えると、3〜30 分で納品可能なプロダクトローンチ動画、クリック可能な App プロトタイプ、編集可能な PPT、印刷品質のインフォグラフィックが返ってきます。ブランド素材を渡せばテイストを読み取り、何も渡さなくても 40 種の HTML ネイティブ様式(Web20+PPT20)と 3 系統のロジック顧問が「AI 臭」を防ぎます。Claude Code、Cursor、Codex など agent 横断で使えます。
AIが生成する平凡なUIを改善する、移植可能なAgent Skills(Claudeスキルマーケット風にインストール)。Claude Code・Codex・Cursorなどのエージェントにレイアウト・タイポグラフィ・モーション・余白の美意識を与え、参考画像やブランドキットを作る画像生成スキルも同梱。
claude.ai/design の裏側にある Claude Design 設計エンジンを、ポータブルな Agent Skill として同梱。Claude Code / Cursor / Codex に導入すれば、サイトへのアップロードやサブスク不要で、洗練された UI モック・インタラクティブ試作・ワイヤーフレーム・LP・ダッシュボード・スライドをエディタ内で生成でき、成果物はすべて自己完結型 HTML としてリポジトリに残ります。
オープンソースの設計メソッドエンジン。Claude Code / Codex / Cursor に「固定の設計判断力」を与えます(特定の見た目の押し付けではありません)。参照から適切な設計文法を選び・導出し、プロジェクトの決定を STYLESEED.md にロック。0–100 の採点ゲート(80 未満は出さない)とレンダー→採点→修正のループで、あの「AI 生成っぽい」見た目を退治します。
Google Labs 公式の Agent Skills パック。Stitch MCP サーバーと連携し、UI デザインやコンポーネント構築のワークフローを AI に任せられます。オープンな Agent Skills 標準に準拠し、Claude Code・Cursor・Codex など各種コーディングエージェントに導入できます。
自然言語、コードベース、Terraform/Kubernetes 設定、SQL DDL から編集可能な .drawio 図を生成し、PNG・SVG・PDF・JPG に書き出します。Claude Code、Cursor、Copilot、Codex などに対応します。
Claude Code や Codex 向けの単一 HTML プレゼン制作ワークフローです。電子雑誌風とスイス国際様式を備え、横送り、画像・カバー、発表者ノート、リハーサル、2 画面の発表者モードに対応します。