これはどんなサイト？
AuraUI は、AI コーディングエージェント向けのデザインコンテキスト用リソースサイトです。ダウンロード可能な Design MD（視覚原則、配色、タイポ、コンポーネントパターン、HTML プレビューを含む）と、公開 Design Skill のキュレーション索引を提供し、視覚の方向性と手法をエージェントが読めるプロジェクトコンテキストへ入れやすくします。特定のモデルやエディタには縛られず、サードパーティスキルの代行インストールもしません。
主な機能
- 美的意図を原則・パレット・書体・コンポーネントパターンとして書き起こした、ダウンロード可能な Design MD 視覚システム
- 各システムに Live HTML プレビューがあり、エージェント作業領域に入れる前に見た目を確認できる
- オープンな Design Skill 索引（サイト表記では 39 件）。UI、ブランド、デザインシステム、プロトタイピングを横断し、元リポジトリへリンク
- 使い方は「システムまたはスキルを選ぶ → Markdown をエージェントのコンテキストへ追加 → UI を生成」
- プロジェクトコンテキストを読める各種エージェントに対応。公式では Cursor、Claude Code、Codex、GitHub Copilot などを例示
- プレビュー閲覧、Design MD のダウンロード、スキル探索、ノート閲覧にアカウントは不要
よくある利用シーン
- Cursor や Claude Code で LP や管理画面を作るとき：先に Design MD を選び、「既定の AI UI」感を減らす
- チームで視覚の基準をそろえるとき：同じ design.md をリポジトリに置き、異なるエージェントでも同一の tokens とパターンで出力させる
- 呼び出し可能なデザインワークフローを探すとき：索引で UI / ブランド / デザインシステム / プロトタイプ別に絞り、元リポジトリからインストールする
- SaaS・編集・コマース寄りの参考システムを比べるとき：プレビューで適合感を素早く判断する
- Design Skill の意味や導入・選定を知るとき：サイトの Blog / Design Notes を読む
向いているユーザーは？
- AI コーディングエージェントでフロントエンドやプロダクト UI を作り、明確な視覚方向が欲しい開発者
- 再利用可能な design.md / skill ワークフローが必要な小規模チームやデザインエンジニアリング実践者
- オープンなデザインスキルを素早く眺め、各リポジトリから自分で導入したい人
- 向いていない例：オンラインのビジュアルデザインツール、ドラッグ＆ドロップのフル製品ビルダー、サイト側での自動インストール／ホスティングを求める人——AuraUI が主に提供するのはコンテキストと索引です
同類ツールとの比較は？
「どれが一番か」より、必要なものから選びます：
- エージェント向けの実行可能な視覚仕様（tokens、書体、コンポーネントパターン）が必要：まず Design MD ライブラリ。汎用プロンプト集はコピー技巧寄りになりがち
- 呼び出し可能なデザイン手法 / SKILL.md が必要：Design Skill 索引。コンポーネントライブラリのドキュメントは API 中心で、設計判断の流れは置き換えにくい
- オンラインキャンバスやフル UI ビルダーが必要：AuraUI はそのカテゴリではないので、デザイン／ローコード製品を別途検討
- インストールと更新の責任：スキルは各オープンソースリポジトリ側。AuraUI は選定と説明を行い、代行インストールはしない
よくある質問
Q: Design MD とは何で、どう使いますか？
A: AI エージェント向けの Markdown による視覚ブリーフで、原則、色、タイポ、余白、コンポーネントパターンを含むことが多いです。選んでダウンロードし、エージェントが読めるプロジェクトコンテキストへ追加します。
Q: AuraUI はどの AI エージェントに対応しますか？
A: 公式では、プロジェクトコンテキストを読めるエージェント／エディタなら利用可能とし、Codex、Claude Code、Cursor、GitHub Copilot、Gemini、Windsurf、Cline、Roo Code などを例示しています。
Q: アカウントは必要ですか？Design Skill を自動インストールしますか？
A: プレビュー閲覧、Design MD のダウンロード、スキル索引の確認、ノートの閲覧は公開で、アカウント不要です。AuraUI はスキルを代行インストールせず、導入と更新は各スキルの元リポジトリ側で行います。
Q: Design Skill 索引はどう選べばよいですか？
A: UI & UX、ブランド & ビジュアル、デザインシステム、プロトタイピングの4区分です。収録基準は、エージェントから呼べること、反復可能な成果物につながること、公開ソースで確認できることの3点を強調しています。
