意見のある知識
哲学・基礎・ブランド・モーション・a11y。コード埋め込み、出典付き。
体系を開くデザインのバイブル · 2026
AIスロップをやめよう。美意識を出荷しよう。
AwesomeDSは、人とAIエージェントのためのテイスト層です。生きた体系、セマンティックトークン、アクセシブルなReact、役割のあるモーション。次に生成するUIが、平均ではなく人間味を持つように。
- 件の標準ルール
- 47
- 件の情報源
- 128
- 個のライブ部品
- 32
- 個のエージェントスキル
- 5
根拠グラフは正常
なぜ存在するか
モデルは中央値に寄る。視点が必要だ。
LLMにLPを頼むと、Inter・紫グラデ・絵文字カード3枚が返る。AwesomeDSは中央からずらす舵取り——開ける教義、実行できる契約、検証できる根拠。
Dottoに会う
体系に、少しの遊び心を。
真剣なシステムは無味である必要はない。DottoはCMYマークのマスコット。遊びのある動きでも、動きを減らす設定を尊重します。
- こんにちは
- じっくり考える
- 出荷を祝う
仕組み
読む。作る。証明する。
ひとつの制作ループ。AIには有限で安全な選択肢を。人には判断と最終決定を。
根拠を伴う美意識
意見ではなく、 計測値を。
多くのデザイン集は美意識を売ります。AwesomeDSは、ローカルでもCIでもAIからでも検証できる証跡とともに美意識を届けます。
- 47
- 件の標準ルールすべて根拠に接続
- 128
- 件の構造化情報源鮮度を追跡
- 32
- 個のライブ部品全状態を契約化
- 100%
- 実装率実装済みの標準ルール
CMYアイデンティティ
3原色。設計されたスペクトラム。
シアン・マゼンタ・イエロー——減法混色のロゴマーク。OKLCHスペクトラムが署名ストライプ。白い紙、濃いインク。暗いヒーローは使わない。
ブランド・バイブルを読む- Cyan
#15C7DE - Magenta
#FF2EA6 - Yellow
#FFD400
ライブコンポーネント
ドキュメントそのものが動く。
静止画ではなく、実際の @awesome-ds/react。ラベル、フォーカス、状態、操作契約をその場で。
操作契約
@awesome-ds/react意図を具体化すると、AIの安全な判断範囲を定められます。
根拠に接続済み
標準ルールの実装率100%
標準ルールの実装率: 100%
モーションライブラリ
役割のある動き。
目的別レシピを再生。使う場面、使わない場面、動きを減らす設定での代替を明示します。
表示
レイアウトをずらさず、新しい内容を示します。
enterフィードバック
明示的な操作に、短く応答します。
feedback段階表示
一度だけ視線を導き、その後は静止します。
revealクイックスタート
エージェントに指す。またはスキルを入れる。
まず design-system/INDEX.md を読み、必要なモジュールだけを開くよう指示してください。
git clone https://github.com/Yu-aimaker/AwesomeDesignSystem.git
cd AwesomeDesignSystem
./install.sh/AwesomeDS美意識あるUIを構築・改善/MakeAwesomeDSブランド固有のDSを生成/AwesomeHTMLメモを単一HTMLに磨き上げ/AwesomeReviewスロップとa11yを監査/AwesomeMotion目的起点のモーション設計
リファレンス・アトラス
信頼の手がかりを、主張のそばに。
提供元、証拠区分、最終確認、変化リスク、鮮度、関連ルール。ロゴ一覧は根拠になりません。
ref.w3c.wcag-22WCAG 2.2w3c- 最終確認
- 鮮度
- healthy
- 関連ルール
- 5
ref.vercel.web-interface-guidelinesVercel Web Interface Guidelinesvercel- 最終確認
- 鮮度
- healthy
- 関連ルール
- 3
ref.apple.higApple Human Interface Guidelinesapple- 最終確認
- 鮮度
- healthy
- 関連ルール
- 13
4つの入口