ai-design-context 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +156 -0
- package/CHANGELOG.md +71 -0
- package/CODE_OF_CONDUCT.md +29 -0
- package/CONTRIBUTING.md +128 -0
- package/LICENSE +21 -0
- package/README.md +283 -0
- package/RELEASE_NOTES_v0.1.0.md +45 -0
- package/RELEASE_NOTES_v0.3.0.md +47 -0
- package/RELEASE_NOTES_v0.4.0.md +29 -0
- package/RELEASE_READINESS.md +107 -0
- package/ROADMAP.md +60 -0
- package/SECURITY.md +40 -0
- package/assets/logo.svg +9 -0
- package/benchmarks/README.md +19 -0
- package/benchmarks/chat.md +37 -0
- package/benchmarks/mobile-home-screen.md +38 -0
- package/benchmarks/notes-app.md +37 -0
- package/benchmarks/settings.md +37 -0
- package/benchmarks/shopping-list.md +37 -0
- package/benchmarks/todo-app.md +144 -0
- package/checklists/DESIGN_QA.md +102 -0
- package/checklists/GENERATED_INDEX.md +7 -0
- package/docs/AGENT_CONTEXT.md +111 -0
- package/docs/BENCHMARK.md +170 -0
- package/docs/DESIGNLINT_READINESS.md +110 -0
- package/docs/DESIGN_SYSTEM.md +23 -0
- package/docs/EVALUATION_RUBRIC.md +154 -0
- package/docs/GITHUB_SETUP.md +28 -0
- package/docs/GLOSSARY.md +45 -0
- package/docs/INDEX.md +109 -0
- package/docs/KNOWLEDGE_ENGINE.md +594 -0
- package/docs/MOBILE_FIRST.md +18 -0
- package/docs/NPM_RELEASE.md +43 -0
- package/docs/PATTERN_SPEC.md +113 -0
- package/docs/PHILOSOPHY.md +25 -0
- package/docs/PRODUCT_THINKING.md +26 -0
- package/docs/STYLE_GUIDE.md +49 -0
- package/docs/TRACEABILITY.md +45 -0
- package/evidence/README.md +64 -0
- package/evidence/TEMPLATE.md +46 -0
- package/evidence/chat/.gitkeep +1 -0
- package/evidence/mobile-home/.gitkeep +1 -0
- package/evidence/notes/.gitkeep +1 -0
- package/evidence/settings/.gitkeep +1 -0
- package/evidence/shopping/.gitkeep +1 -0
- package/evidence/todo/.gitkeep +1 -0
- package/evidence/todo/2026-06-25-codex-gpt-5/EVALUATION.md +66 -0
- package/evidence/todo/2026-06-25-codex-gpt-5/README.md +40 -0
- package/evidence/todo/2026-06-25-codex-gpt-5/ai-design-rules/generated-output.md +163 -0
- package/evidence/todo/2026-06-25-codex-gpt-5/ai-design-rules/metadata.json +38 -0
- package/evidence/todo/2026-06-25-codex-gpt-5/ai-design-rules/notes.md +20 -0
- package/evidence/todo/2026-06-25-codex-gpt-5/ai-design-rules/prompt.md +16 -0
- package/evidence/todo/2026-06-25-codex-gpt-5/ai-design-rules/scores.md +18 -0
- package/evidence/todo/2026-06-25-codex-gpt-5/baseline/generated-output.md +98 -0
- package/evidence/todo/2026-06-25-codex-gpt-5/baseline/metadata.json +19 -0
- package/evidence/todo/2026-06-25-codex-gpt-5/baseline/notes.md +19 -0
- package/evidence/todo/2026-06-25-codex-gpt-5/baseline/prompt.md +9 -0
- package/evidence/todo/2026-06-25-codex-gpt-5/baseline/scores.md +18 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/EVALUATION.md +70 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/README.md +52 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/GENERATION_NOTES.md +133 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/app.js +289 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/context/context-preserving-preview.json +443 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/context/daily-home-surface.json +373 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/context/quick-capture.json +301 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/context/sources-read.txt +36 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/generated-output.md +11 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/index.html +64 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/launch-prompt.md +1 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/metadata.json +55 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/notes.md +15 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/parent-status-message.md +1 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/prompt.md +49 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/runtime-checks.json +776 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/scores.md +20 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/desktop-completed.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/desktop-default.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/desktop-detail-reduced-motion.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/desktop-detail.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/desktop-empty.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/desktop-keyboard-focus.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/desktop-save-error.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/desktop-saved.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/desktop-saving.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/desktop-validation.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/mobile-completed.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/mobile-default.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/mobile-detail-reduced-motion.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/mobile-detail.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/mobile-empty.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/mobile-keyboard-focus.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/mobile-save-error.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/mobile-saved.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/mobile-saving.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/screenshots/mobile-validation.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/source-hashes.json +5 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/ai-design-rules/styles.css +122 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/GENERATION_NOTES.md +86 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/app.js +303 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/generated-output.md +11 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/index.html +71 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/launch-prompt.md +1 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/metadata.json +55 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/notes.md +15 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/parent-status-message.md +1 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/prompt.md +49 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/runtime-checks.json +772 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/scores.md +20 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/desktop-completed.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/desktop-default.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/desktop-detail-reduced-motion.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/desktop-detail.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/desktop-empty.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/desktop-keyboard-focus.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/desktop-save-error.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/desktop-saved.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/desktop-saving.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/desktop-validation.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/mobile-completed.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/mobile-default.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/mobile-detail-reduced-motion.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/mobile-detail.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/mobile-empty.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/mobile-keyboard-focus.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/mobile-save-error.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/mobile-saved.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/mobile-saving.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/screenshots/mobile-validation.png +0 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/source-hashes.json +5 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/baseline/styles.css +9 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/capture-ai-design-rules.js +60 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/capture-baseline.js +60 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/common/brief.md +35 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/common/knowledge-files.json +127 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/common/knowledge.patch +890 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/common/review-context.json +550 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/common/seed.json +86 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/common/setup.json +47 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/common/technical-envelope.md +11 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/layout-metrics.json +133 -0
- package/evidence/todo/2026-09-28-codex-paired-todo/layout-probe.js +15 -0
- package/examples/GENERATED_INDEX.md +8 -0
- package/examples/INDEX.md +16 -0
- package/examples/README.md +15 -0
- package/examples/consequential-action-confirmation-reference.md +83 -0
- package/examples/todo-app-benchmark.md +117 -0
- package/examples/todo-reference/README.md +29 -0
- package/examples/todo-reference/app.js +154 -0
- package/examples/todo-reference/favicon.svg +4 -0
- package/examples/todo-reference/index.html +67 -0
- package/examples/todo-reference/review-evidence/2026-07-15/desktop-default.png +0 -0
- package/examples/todo-reference/review-evidence/2026-07-15/desktop-detail.png +0 -0
- package/examples/todo-reference/review-evidence/2026-07-15/mobile-detail.png +0 -0
- package/examples/todo-reference/review-evidence/2026-07-15/mobile-error.png +0 -0
- package/examples/todo-reference/styles.css +241 -0
- package/graph/GENERATED_GRAPH.md +71 -0
- package/observations/README.md +23 -0
- package/observations/accessibility/reduced-interaction-motion.md +49 -0
- package/observations/accessibility/textual-error-recovery.md +50 -0
- package/observations/accessibility/visible-keyboard-focus.md +49 -0
- package/observations/ai/agent-consequential-action-controls.md +56 -0
- package/observations/ai/agent-work-visibility-and-intervention.md +51 -0
- package/observations/ai/figma-agent-context-and-skills.md +52 -0
- package/observations/finance/high-risk-wallet-recovery-flows.md +55 -0
- package/observations/finance/market-interface-adaptive-trading-surfaces.md +55 -0
- package/observations/interaction/chrome-scoped-view-transitions.md +52 -0
- package/observations/interaction/figma-motion-as-system-capability.md +53 -0
- package/observations/mobile/mobile-bottom-sheet-choice-contracts.md +55 -0
- package/observations/performance/reserved-loading-space.md +51 -0
- package/observations/product-repos/pinned-ai-design-rules-integration.md +49 -0
- package/observations/visual/apple-liquid-glass-functional-layer.md +52 -0
- package/observations/visual/chrome-content-first-adaptive-ui.md +51 -0
- package/observations/visual/material-3-expressive-system.md +52 -0
- package/package.json +65 -0
- package/patterns/GENERATED_INDEX.md +13 -0
- package/patterns/INDEX.md +41 -0
- package/patterns/README.md +5 -0
- package/patterns/consequential-action-confirmation.md +127 -0
- package/patterns/context-preserving-preview.md +145 -0
- package/patterns/daily-home-surface.md +134 -0
- package/patterns/mobile-primary-action.md +110 -0
- package/patterns/object-status-list.md +114 -0
- package/patterns/progressive-detail.md +113 -0
- package/patterns/quick-capture.md +132 -0
- package/prompts/CONSEQUENTIAL_ACTION_REVIEW.md +100 -0
- package/prompts/DESIGN_EVIDENCE_REVIEW.md +49 -0
- package/prompts/GENERATED_INDEX.md +11 -0
- package/prompts/INDEX.md +24 -0
- package/prompts/PROTOTYPE_REVIEW.md +189 -0
- package/prompts/QUICK_CAPTURE_STATE_REVIEW.md +74 -0
- package/prompts/TODO_APP_BENCHMARK.md +88 -0
- package/registry/objects.json +568 -0
- package/registry/relationships.json +972 -0
- package/research/GENERATED_INDEX.md +18 -0
- package/research/INDEX.md +40 -0
- package/research/accessibility/keyboard-focus-and-interaction-motion.md +62 -0
- package/research/accessibility/textual-error-recovery.md +57 -0
- package/research/performance/reserved-loading-space.md +56 -0
- package/research/products/apple-reminders.md +59 -0
- package/research/products/arc.md +61 -0
- package/research/products/linear.md +62 -0
- package/research/products/telegram.md +61 -0
- package/research/products/things-3.md +60 -0
- package/research/ux/contextual-agentic-interface.md +68 -0
- package/research/ux/high-risk-operational-flows.md +89 -0
- package/research/ux/motion-as-state-continuity.md +71 -0
- package/research/visual/expressive-system-ui-2026.md +75 -0
- package/reviews/GENERATED_INDEX.md +9 -0
- package/reviews/README.md +25 -0
- package/reviews/consequential-action-confirmation-review.md +92 -0
- package/reviews/todo-app-benchmark-reference-review.md +86 -0
- package/reviews/todo-reference-fixture-review.md +77 -0
- package/rules/GENERATED_INDEX.md +23 -0
- package/rules/INDEX.md +37 -0
- package/rules/accessibility/A11Y-001.md +58 -0
- package/rules/accessibility/A11Y-002.md +55 -0
- package/rules/accessibility/A11Y-003.md +54 -0
- package/rules/accessibility/A11Y-004.md +54 -0
- package/rules/ia/IA-001.md +60 -0
- package/rules/ia/IA-002.md +61 -0
- package/rules/performance/PERF-001.md +55 -0
- package/rules/product/PRD-001.md +61 -0
- package/rules/product/PRD-002.md +61 -0
- package/rules/ux/UX-001.md +58 -0
- package/rules/ux/UX-002.md +61 -0
- package/rules/ux/UX-003.md +60 -0
- package/rules/ux/UX-004.md +61 -0
- package/rules/ux/UX-005.md +62 -0
- package/rules/ux/UX-006.md +69 -0
- package/rules/visual/VIS-001.md +59 -0
- package/rules/visual/VIS-002.md +59 -0
- package/schema/checklist.schema.json +21 -0
- package/schema/common.schema.json +178 -0
- package/schema/observation.schema.json +21 -0
- package/schema/pattern.schema.json +21 -0
- package/schema/prompt.schema.json +21 -0
- package/schema/reference-project.schema.json +21 -0
- package/schema/research.schema.json +21 -0
- package/schema/review.schema.json +21 -0
- package/schema/rule.schema.json +21 -0
- package/skills/README.md +48 -0
- package/skills/accessibility-reviewer/SKILL.md +101 -0
- package/skills/agent-context/SKILL.md +34 -0
- package/skills/agent-context/agents/openai.yaml +4 -0
- package/skills/design-evidence-researcher/SKILL.md +47 -0
- package/skills/design-evidence-researcher/agents/openai.yaml +4 -0
- package/skills/design-reviewer/SKILL.md +113 -0
- package/skills/design-system-architect/SKILL.md +101 -0
- package/skills/information-architect/SKILL.md +97 -0
- package/skills/interaction-designer/SKILL.md +104 -0
- package/skills/knowledge-graph-architect/SKILL.md +96 -0
- package/skills/mobile-ux-expert/SKILL.md +105 -0
- package/skills/motion-designer/SKILL.md +100 -0
- package/skills/performance-reviewer/SKILL.md +97 -0
- package/skills/product-designer/SKILL.md +104 -0
- package/skills/prompt-architect/SKILL.md +105 -0
- package/skills/reference-driven-design/SKILL.md +119 -0
- package/skills/ux-reviewer/SKILL.md +99 -0
- package/skills/visual-designer/SKILL.md +107 -0
- package/starter-kit/AGENTS.md +37 -0
- package/starter-kit/BOOTSTRAP.md +13 -0
- package/starter-kit/INSTALL_WITH_AGENT.md +133 -0
- package/starter-kit/PROJECT_INTEGRATION.md +60 -0
- package/starter-kit/README.md +41 -0
- package/starter-kit/benchmarks/BENCHMARK_CHECKLIST.md +10 -0
- package/starter-kit/docs/DESIGN_DECISIONS.md +22 -0
- package/starter-kit/docs/INFORMATION_ARCHITECTURE.md +25 -0
- package/starter-kit/docs/PERSONAS.md +14 -0
- package/starter-kit/docs/PRD.md +32 -0
- package/starter-kit/docs/USER_FLOWS.md +19 -0
- package/starter-kit/reviews/DESIGN_REVIEW.md +49 -0
- package/starter-kit/templates/FEATURE_TEMPLATE.md +36 -0
- package/starter-kit/templates/TASK_TEMPLATE.md +22 -0
- package/templates/CHECKLIST_TEMPLATE.md +43 -0
- package/templates/OBSERVATION_TEMPLATE.md +41 -0
- package/templates/PATTERN_TEMPLATE.md +100 -0
- package/templates/PROMPT_TEMPLATE.md +46 -0
- package/templates/PROTOTYPE_REVIEW.md +50 -0
- package/templates/REFERENCE_PROJECT_TEMPLATE.md +49 -0
- package/templates/REVIEW_TEMPLATE.md +55 -0
- package/templates/RULE_TEMPLATE.md +57 -0
- package/tools/cli.mjs +46 -0
- package/tools/context.mjs +342 -0
- package/tools/designlint.mjs +77 -0
- package/tools/generate-indexes.mjs +621 -0
- package/tools/init.mjs +99 -0
- package/tools/validate-benchmark-evidence.mjs +248 -0
- package/tools/validate-knowledge.mjs +481 -0
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
# Evaluation Rubric
|
|
2
|
+
|
|
3
|
+
Use this rubric to score generated products in AI Design Context benchmarks.
|
|
4
|
+
|
|
5
|
+
Score every category from `0` to `10`.
|
|
6
|
+
|
|
7
|
+
## Score Meaning
|
|
8
|
+
|
|
9
|
+
- `0`: absent or actively harmful.
|
|
10
|
+
- `1-2`: mostly missing, confusing, or unusable.
|
|
11
|
+
- `3-4`: partially present but weak or inconsistent.
|
|
12
|
+
- `5-6`: acceptable baseline with visible gaps.
|
|
13
|
+
- `7-8`: strong, coherent, and mostly production-ready.
|
|
14
|
+
- `9-10`: excellent, polished, and hard to improve within the benchmark scope.
|
|
15
|
+
|
|
16
|
+
Use whole numbers only.
|
|
17
|
+
|
|
18
|
+
## Product Thinking
|
|
19
|
+
|
|
20
|
+
Measures whether the output understands the user, product job, and primary repeated action.
|
|
21
|
+
|
|
22
|
+
- `0`: no clear product goal.
|
|
23
|
+
- `5`: plausible goal, but weak prioritization.
|
|
24
|
+
- `10`: crisp user goal, primary action, and product purpose.
|
|
25
|
+
|
|
26
|
+
## UX
|
|
27
|
+
|
|
28
|
+
Measures flow clarity, ease of use, recovery, and task completion.
|
|
29
|
+
|
|
30
|
+
- `0`: user cannot complete the core task.
|
|
31
|
+
- `5`: task is possible but has friction.
|
|
32
|
+
- `10`: task flow is direct, clear, and forgiving.
|
|
33
|
+
|
|
34
|
+
## Information Architecture
|
|
35
|
+
|
|
36
|
+
Measures object model, hierarchy, labels, grouping, and status clarity.
|
|
37
|
+
|
|
38
|
+
- `0`: objects and navigation are incoherent.
|
|
39
|
+
- `5`: understandable but inconsistent.
|
|
40
|
+
- `10`: clear object model and predictable structure.
|
|
41
|
+
|
|
42
|
+
## Navigation
|
|
43
|
+
|
|
44
|
+
Measures movement between surfaces, return paths, and wayfinding.
|
|
45
|
+
|
|
46
|
+
- `0`: user gets lost or trapped.
|
|
47
|
+
- `5`: basic navigation exists with weak return paths.
|
|
48
|
+
- `10`: navigation is simple, stable, and fast.
|
|
49
|
+
|
|
50
|
+
## Accessibility
|
|
51
|
+
|
|
52
|
+
Measures labels, keyboard path, contrast-sensitive choices, target size, focus, and reduced-motion awareness.
|
|
53
|
+
|
|
54
|
+
- `0`: inaccessible for core actions.
|
|
55
|
+
- `5`: basic accessibility is partially addressed.
|
|
56
|
+
- `10`: accessibility is built into controls, states, and flow.
|
|
57
|
+
|
|
58
|
+
## Mobile-First
|
|
59
|
+
|
|
60
|
+
Measures narrow viewport behavior, touch reach, target size, and mobile flow quality.
|
|
61
|
+
|
|
62
|
+
- `0`: mobile is unusable or ignored.
|
|
63
|
+
- `5`: mobile layout works but feels secondary.
|
|
64
|
+
- `10`: mobile behavior is first-class.
|
|
65
|
+
|
|
66
|
+
## Visual Hierarchy
|
|
67
|
+
|
|
68
|
+
Measures typography, spacing, density, visual priority, and scanability.
|
|
69
|
+
|
|
70
|
+
- `0`: hierarchy is chaotic.
|
|
71
|
+
- `5`: readable but generic or uneven.
|
|
72
|
+
- `10`: clear, restrained, and product-specific.
|
|
73
|
+
|
|
74
|
+
## State Design
|
|
75
|
+
|
|
76
|
+
Measures empty, loading, error, disabled, success, and recovery states.
|
|
77
|
+
|
|
78
|
+
- `0`: states are missing.
|
|
79
|
+
- `5`: some states exist but are incomplete.
|
|
80
|
+
- `10`: states preserve context and guide action.
|
|
81
|
+
|
|
82
|
+
## Consistency
|
|
83
|
+
|
|
84
|
+
Measures consistent patterns, labels, status, controls, and interaction behavior.
|
|
85
|
+
|
|
86
|
+
- `0`: inconsistent and unpredictable.
|
|
87
|
+
- `5`: mostly consistent with visible drift.
|
|
88
|
+
- `10`: consistent without becoming rigid.
|
|
89
|
+
|
|
90
|
+
## Performance Awareness
|
|
91
|
+
|
|
92
|
+
Measures responsiveness, perceived performance, loading stability, and avoidance of heavy unnecessary UI.
|
|
93
|
+
|
|
94
|
+
- `0`: performance risks block the task.
|
|
95
|
+
- `5`: basic loading exists but may shift or block.
|
|
96
|
+
- `10`: feedback is immediate and loading preserves orientation.
|
|
97
|
+
|
|
98
|
+
## Simplicity
|
|
99
|
+
|
|
100
|
+
Measures whether the output avoids unnecessary features, screens, fields, and decoration.
|
|
101
|
+
|
|
102
|
+
- `0`: bloated or overcomplicated.
|
|
103
|
+
- `5`: moderate complexity with some unnecessary elements.
|
|
104
|
+
- `10`: focused and appropriately simple.
|
|
105
|
+
|
|
106
|
+
## Overall Product Quality
|
|
107
|
+
|
|
108
|
+
Measures the integrated product experience.
|
|
109
|
+
|
|
110
|
+
- `0`: not a usable product.
|
|
111
|
+
- `5`: usable prototype with meaningful gaps.
|
|
112
|
+
- `10`: coherent, useful, and convincing as a modern consumer product.
|
|
113
|
+
|
|
114
|
+
## Evaluation Template
|
|
115
|
+
|
|
116
|
+
```md
|
|
117
|
+
# Evaluation
|
|
118
|
+
|
|
119
|
+
Scenario:
|
|
120
|
+
Run:
|
|
121
|
+
Model:
|
|
122
|
+
Evaluator:
|
|
123
|
+
Date:
|
|
124
|
+
|
|
125
|
+
| Category | Baseline | AI Design Context | Notes |
|
|
126
|
+
| --- | ---: | ---: | --- |
|
|
127
|
+
| Product Thinking | | | |
|
|
128
|
+
| UX | | | |
|
|
129
|
+
| Information Architecture | | | |
|
|
130
|
+
| Navigation | | | |
|
|
131
|
+
| Accessibility | | | |
|
|
132
|
+
| Mobile-first | | | |
|
|
133
|
+
| Visual Hierarchy | | | |
|
|
134
|
+
| State Design | | | |
|
|
135
|
+
| Consistency | | | |
|
|
136
|
+
| Performance Awareness | | | |
|
|
137
|
+
| Simplicity | | | |
|
|
138
|
+
| Overall Product Quality | | | |
|
|
139
|
+
|
|
140
|
+
Baseline average:
|
|
141
|
+
AI Design Context average:
|
|
142
|
+
Difference:
|
|
143
|
+
|
|
144
|
+
## Evidence
|
|
145
|
+
|
|
146
|
+
- Baseline prompt:
|
|
147
|
+
- AI Design Context prompt:
|
|
148
|
+
- Baseline output:
|
|
149
|
+
- AI Design Context output:
|
|
150
|
+
- Screenshots or preview links:
|
|
151
|
+
|
|
152
|
+
## Reviewer Notes
|
|
153
|
+
|
|
154
|
+
```
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
# GitHub Setup
|
|
2
|
+
|
|
3
|
+
Use this file when preparing the public GitHub repository.
|
|
4
|
+
|
|
5
|
+
The project is named **AI Design Context** and the npm package is `ai-design-context`. Keep the GitHub repository URL at `https://github.com/dev-ik/ai-design-rules`; the repository slug intentionally retains the original name.
|
|
6
|
+
|
|
7
|
+
## Repository Description
|
|
8
|
+
|
|
9
|
+
Evidence-driven design context and benchmarks for AI agents building products, not dashboards.
|
|
10
|
+
|
|
11
|
+
## Suggested Topics
|
|
12
|
+
|
|
13
|
+
- ai
|
|
14
|
+
- design
|
|
15
|
+
- ux
|
|
16
|
+
- product-design
|
|
17
|
+
- ai-agents
|
|
18
|
+
- codex
|
|
19
|
+
- cursor
|
|
20
|
+
- design-systems
|
|
21
|
+
- accessibility
|
|
22
|
+
- frontend
|
|
23
|
+
|
|
24
|
+
## Release Positioning
|
|
25
|
+
|
|
26
|
+
The first public release should present AI Design Context as a schema-first knowledge base with benchmark-backed validation, not as a UI kit, component library, or generic design system.
|
|
27
|
+
|
|
28
|
+
Do not claim broad product-quality improvement until benchmark evidence supports it across repeated runs.
|
package/docs/GLOSSARY.md
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
# Glossary
|
|
2
|
+
|
|
3
|
+
## Rule
|
|
4
|
+
|
|
5
|
+
A reviewable design instruction. A rule explains why it exists, what good output looks like, what bad output looks like, and how to review the result.
|
|
6
|
+
|
|
7
|
+
## Pattern
|
|
8
|
+
|
|
9
|
+
A reusable product or UI solution derived from one or more rules. A pattern should describe when to use it, when not to use it, and what tradeoffs it carries.
|
|
10
|
+
|
|
11
|
+
## Skill
|
|
12
|
+
|
|
13
|
+
A packaged agent workflow that applies stable rules, prompts, and review steps to a recurring task.
|
|
14
|
+
|
|
15
|
+
## Prompt
|
|
16
|
+
|
|
17
|
+
Task-specific instruction text that helps an AI agent apply the knowledge base to a product, screen, or review. A prompt should guide decisions, not replace reasoning.
|
|
18
|
+
|
|
19
|
+
## Review
|
|
20
|
+
|
|
21
|
+
A structured check of an agent's output against product goals, rules, patterns, accessibility expectations, and implementation constraints.
|
|
22
|
+
|
|
23
|
+
## Design QA
|
|
24
|
+
|
|
25
|
+
The final quality check for design output. Design QA looks for product fit, hierarchy, spacing, responsive behavior, accessibility, and rule coverage.
|
|
26
|
+
|
|
27
|
+
## Reference Project
|
|
28
|
+
|
|
29
|
+
A real or realistic product archetype used to validate whether the rules work in practice. Public reference projects are omitted from the first OSS release and should be backed by benchmark evidence when added.
|
|
30
|
+
|
|
31
|
+
## Product Thinking
|
|
32
|
+
|
|
33
|
+
Reasoning from the user's goal, context, repeated action, and product value before choosing UI structure or visual treatment.
|
|
34
|
+
|
|
35
|
+
## UX
|
|
36
|
+
|
|
37
|
+
User experience: the flow, feedback, states, and interaction model that determine whether a person can complete a task with low effort.
|
|
38
|
+
|
|
39
|
+
## IA
|
|
40
|
+
|
|
41
|
+
Information architecture: how information, navigation, hierarchy, and destinations are organized so the product is understandable.
|
|
42
|
+
|
|
43
|
+
## Design System
|
|
44
|
+
|
|
45
|
+
The reusable foundation for visual and interaction decisions. In this repository, design system guidance supports rules and product outcomes; it is not a component library.
|
package/docs/INDEX.md
ADDED
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
# Documentation Index
|
|
2
|
+
|
|
3
|
+
Read these files in order when you are new to AI Design Context or when an agent needs repository context.
|
|
4
|
+
|
|
5
|
+
AI Design Context is a connected knowledge graph. Each layer depends on the previous one:
|
|
6
|
+
|
|
7
|
+
```text
|
|
8
|
+
observations -> research -> knowledge -> rules -> patterns -> prompts -> evidence -> reviews
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
This order matters because agents should not generate UI from taste. Observations capture raw evidence, research groups it, knowledge documents explain interpretation, rules extract reusable decisions, patterns compose rules into product structures, prompts teach agents how to apply patterns, benchmark evidence validates claims, and reviews feed improvements back into the graph.
|
|
12
|
+
|
|
13
|
+
The `docs/` folder is the current knowledge layer.
|
|
14
|
+
|
|
15
|
+
## 1. Project Overview
|
|
16
|
+
|
|
17
|
+
Start with `README.md`.
|
|
18
|
+
|
|
19
|
+
It explains what AI Design Context is, what it is not, who it is for, how agents should use it, and how benchmark evidence validates the project.
|
|
20
|
+
|
|
21
|
+
## 2. Philosophy
|
|
22
|
+
|
|
23
|
+
Read `docs/PHILOSOPHY.md`.
|
|
24
|
+
|
|
25
|
+
Use it to understand the baseline: good design reduces user effort.
|
|
26
|
+
|
|
27
|
+
## 3. Product Thinking
|
|
28
|
+
|
|
29
|
+
Read `docs/PRODUCT_THINKING.md`.
|
|
30
|
+
|
|
31
|
+
Use it before UI decisions. The product job, user context, and repeated action come first.
|
|
32
|
+
|
|
33
|
+
## 4. Mobile First
|
|
34
|
+
|
|
35
|
+
Read `docs/MOBILE_FIRST.md`.
|
|
36
|
+
|
|
37
|
+
Use it when the product experience includes common consumer workflows, daily actions, or touch-first behavior.
|
|
38
|
+
|
|
39
|
+
## 5. Design System
|
|
40
|
+
|
|
41
|
+
Read `docs/DESIGN_SYSTEM.md`.
|
|
42
|
+
|
|
43
|
+
Use it to understand how tokens, themes, components, and screens relate. This repository is not a component library.
|
|
44
|
+
|
|
45
|
+
## 6. Knowledge Engine
|
|
46
|
+
|
|
47
|
+
Read `docs/KNOWLEDGE_ENGINE.md` before adding new object types or changing repository structure.
|
|
48
|
+
|
|
49
|
+
Use it as the architectural source of truth for object metadata, relationships, navigation, and future DesignLint readiness.
|
|
50
|
+
|
|
51
|
+
## 7. Traceability
|
|
52
|
+
|
|
53
|
+
Read `docs/TRACEABILITY.md` before validating benchmark evidence, a future reference archetype, or a design decision.
|
|
54
|
+
|
|
55
|
+
Use it to identify which knowledge layer is missing instead of inventing rules or patterns.
|
|
56
|
+
|
|
57
|
+
## 8. Pattern Specification
|
|
58
|
+
|
|
59
|
+
Read `docs/PATTERN_SPEC.md` before creating or editing patterns.
|
|
60
|
+
|
|
61
|
+
Use it as the source of truth for every pattern document.
|
|
62
|
+
|
|
63
|
+
## 9. DesignLint Readiness
|
|
64
|
+
|
|
65
|
+
Read `docs/DESIGNLINT_READINESS.md` before proposing validation tooling or generated indexes.
|
|
66
|
+
|
|
67
|
+
Use it to understand what is machine-readable today and what remains intentionally unimplemented.
|
|
68
|
+
|
|
69
|
+
## 10. Benchmark
|
|
70
|
+
|
|
71
|
+
Read `docs/BENCHMARK.md` before running or publishing product generation comparisons.
|
|
72
|
+
|
|
73
|
+
Use `docs/EVALUATION_RUBRIC.md` to score outputs.
|
|
74
|
+
|
|
75
|
+
## 11. Style Guide
|
|
76
|
+
|
|
77
|
+
Read `docs/STYLE_GUIDE.md` before editing documentation.
|
|
78
|
+
|
|
79
|
+
Use it to keep contributions concise, practical, rule-based, and free of filler.
|
|
80
|
+
|
|
81
|
+
## 12. Glossary
|
|
82
|
+
|
|
83
|
+
Read `docs/GLOSSARY.md` when terms are unclear.
|
|
84
|
+
|
|
85
|
+
Use shared vocabulary before adding new concepts.
|
|
86
|
+
|
|
87
|
+
## 13. Operational Files
|
|
88
|
+
|
|
89
|
+
- `AGENTS.md` - instructions for Codex, Cursor, Claude Code, and similar agents.
|
|
90
|
+
- `CONTRIBUTING.md` - contribution workflow.
|
|
91
|
+
- `ROADMAP.md` - planned phases.
|
|
92
|
+
- `starter-kit/INSTALL_WITH_AGENT.md` - agent-driven adoption guide for an existing product repository.
|
|
93
|
+
|
|
94
|
+
## 14. Working Folders
|
|
95
|
+
|
|
96
|
+
- `research/` - product observations. Start with `research/GENERATED_INDEX.md`.
|
|
97
|
+
- `docs/` - knowledge layer and authoring specifications.
|
|
98
|
+
- `schema/` - JSON Schema definitions for knowledge object metadata.
|
|
99
|
+
- `registry/` - transitional machine-readable object and relationship registry.
|
|
100
|
+
- `observations/` - first-class raw evidence objects.
|
|
101
|
+
- `rules/` - reviewable design rules. Start with `rules/GENERATED_INDEX.md`.
|
|
102
|
+
- `patterns/` - repeatable solutions derived from rules. Start with `patterns/GENERATED_INDEX.md`.
|
|
103
|
+
- `prompts/` - task-specific instructions for agents. Start with `prompts/GENERATED_INDEX.md`.
|
|
104
|
+
- `examples/` - reserved space for future public reference archetypes. Start with `examples/README.md`.
|
|
105
|
+
- `benchmarks/` - reproducible benchmark scenarios.
|
|
106
|
+
- `evidence/` - future benchmark results and raw outputs.
|
|
107
|
+
- `starter-kit/` - copyable project bootstrap kit for adopting AI Design Context in another repository.
|
|
108
|
+
- `reviews/` - first-class review and validation objects.
|
|
109
|
+
- `checklists/` and `templates/` - review and authoring artifacts.
|