@appsforgood/next-supabase-kit 0.1.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/BEST_PRACTICE_EVIDENCE.md +45 -0
- package/CHANGELOG.md +44 -0
- package/CODE_OF_CONDUCT.md +26 -0
- package/CONTRIBUTING.md +48 -0
- package/DOGFOOD.md +121 -0
- package/GOVERNANCE.md +45 -0
- package/LICENSE +21 -0
- package/README.md +251 -0
- package/REPOSITORY_SETTINGS.md +70 -0
- package/RESEARCH_CITATION_POLICY.md +26 -0
- package/SECURITY.md +29 -0
- package/SUPPLY_CHAIN.md +55 -0
- package/SUPPORT.md +28 -0
- package/UPGRADE.md +77 -0
- package/agents/deployment-observability-engineer.md +13 -0
- package/agents/docs-maintainer.md +17 -0
- package/agents/frontend-design-lead.md +22 -0
- package/agents/lead-architect.md +25 -0
- package/agents/marketing-copy-lead.md +20 -0
- package/agents/nextjs-engineer.md +20 -0
- package/agents/planner.md +20 -0
- package/agents/qa-engineer.md +19 -0
- package/agents/research-analyst.md +13 -0
- package/agents/security-reviewer.md +16 -0
- package/agents/supabase-postgres-engineer.md +19 -0
- package/assistant-adapters/README.md +28 -0
- package/assistant-adapters/claude-code-subagents.md +37 -0
- package/assistant-adapters/codex-agents.md +35 -0
- package/assistant-adapters/cursor-agent-kit.mdc +30 -0
- package/assistant-adapters/github-copilot-instructions.md +35 -0
- package/assistant-adapters/github-next-supabase.instructions.md +28 -0
- package/assistant-adapters/model-selection/claude-code-subagents-with-models.md +32 -0
- package/assistant-adapters/model-selection/codex-config.example.toml +29 -0
- package/assistant-adapters/model-selection/cursor-model-selection.mdc +24 -0
- package/assistant-adapters/model-selection/github-copilot-model-selection.md +20 -0
- package/checklists/accessibility.md +12 -0
- package/checklists/agent-council.md +13 -0
- package/checklists/brand-content.md +15 -0
- package/checklists/deployment.md +10 -0
- package/checklists/design-critique.md +13 -0
- package/checklists/frontend-distinctiveness.md +12 -0
- package/checklists/frontend-product-quality.md +13 -0
- package/checklists/frontend-quality.md +20 -0
- package/checklists/marketing-copy.md +11 -0
- package/checklists/owasp.md +12 -0
- package/checklists/rls.md +10 -0
- package/checklists/testing.md +12 -0
- package/checklists/upgrade.md +13 -0
- package/checklists/visual-regression.md +11 -0
- package/design-adapters/claude-design.prompt.md +27 -0
- package/design-adapters/figma.prompt.md +18 -0
- package/design-adapters/google-stitch.prompt.md +36 -0
- package/design-adapters/human-designer-brief.prompt.md +36 -0
- package/design-briefs/admin-dashboard.md +21 -0
- package/design-briefs/ai-workflow-product.md +25 -0
- package/design-briefs/community-social.md +26 -0
- package/design-briefs/content-app.md +21 -0
- package/design-briefs/ecommerce.md +25 -0
- package/design-briefs/education-course.md +25 -0
- package/design-briefs/marketplace.md +21 -0
- package/design-briefs/portfolio-venue.md +25 -0
- package/design-briefs/saas.md +21 -0
- package/design-briefs/tool.md +21 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +3521 -0
- package/dist/index.js.map +1 -0
- package/examples/next-supabase-installed/.agent-kit/agent-roster.json +228 -0
- package/examples/next-supabase-installed/.agent-kit/manifest.json +58 -0
- package/examples/next-supabase-installed/.agent-kit/model-routing.json +164 -0
- package/examples/next-supabase-installed/.agent-kit/overrides.json +9 -0
- package/examples/next-supabase-installed/README.md +15 -0
- package/examples/next-supabase-installed/audit-output.json +336 -0
- package/examples/next-supabase-installed/tree.txt +38 -0
- package/model-routing/default-model-routing.json +164 -0
- package/package.json +98 -0
- package/profiles/admin-app.md +17 -0
- package/profiles/content-app.md +17 -0
- package/profiles/marketplace.md +17 -0
- package/profiles/saas.md +17 -0
- package/profiles/stack-next-firebase.md +25 -0
- package/profiles/stack-next-postgres.md +24 -0
- package/profiles/stack-remix-supabase.md +24 -0
- package/prompts/audit-project-setup.md +28 -0
- package/prompts/brand-content-intake.md +17 -0
- package/prompts/copy-review.md +15 -0
- package/prompts/council-session-review.md +17 -0
- package/prompts/creative-direction-matrix.md +22 -0
- package/prompts/design-critique-gate.md +28 -0
- package/prompts/docs-update.md +16 -0
- package/prompts/frontend-design-review.md +29 -0
- package/prompts/frontend-distinctiveness-benchmark.md +32 -0
- package/prompts/frontend-product-quality-scorecard.md +35 -0
- package/prompts/implement-feature.md +14 -0
- package/prompts/migration-review.md +14 -0
- package/prompts/screenshot-review.md +27 -0
- package/prompts/security-review.md +17 -0
- package/prompts/upgrade-review.md +18 -0
- package/prompts/visual-qa-plan.md +16 -0
- package/research/proposed-updates.md +70 -0
- package/research/scan-config.json +261 -0
- package/research/scan-plan.md +24 -0
- package/research/summaries/.gitkeep +1 -0
- package/research/summaries/agent-workflow-patterns.md +37 -0
- package/research/summaries/creative-design-patterns.md +38 -0
- package/research/summaries/design-critique-patterns.md +34 -0
- package/research/summaries/docs-and-agent-patterns.md +64 -0
- package/research/summaries/dogfood-adoption-patterns.md +33 -0
- package/research/summaries/frontend-design-patterns.md +64 -0
- package/research/summaries/frontend-distinctiveness-benchmark-patterns.md +38 -0
- package/research/summaries/frontend-product-quality-rubric-patterns.md +37 -0
- package/research/summaries/maturity-model-patterns.md +29 -0
- package/research/summaries/nextjs-patterns.md +65 -0
- package/research/summaries/repo-health-patterns.md +41 -0
- package/research/summaries/scan-overview.md +46 -0
- package/research/summaries/security-patterns.md +64 -0
- package/research/summaries/supabase-rls-patterns.md +54 -0
- package/research/summaries/supply-chain-patterns.md +38 -0
- package/research/summaries/testing-patterns.md +63 -0
- package/research/summaries/upgrade-lifecycle-patterns.md +26 -0
- package/research/summaries/visual-qa-patterns.md +39 -0
- package/rosters/next-supabase-default-council.json +228 -0
- package/schemas/agent-roster.schema.json +54 -0
- package/schemas/audit-report.schema.json +50 -0
- package/schemas/correction-rules.schema.json +32 -0
- package/schemas/council-session.schema.json +65 -0
- package/schemas/model-routing.schema.json +72 -0
- package/schemas/project-context.schema.json +94 -0
- package/schemas/session-event.schema.json +46 -0
- package/schemas/studio-session.schema.json +48 -0
- package/skills/accessibility-wcag.md +15 -0
- package/skills/agent-handoff-tracing.md +44 -0
- package/skills/best-practice-maturity-review.md +26 -0
- package/skills/content-first-design.md +50 -0
- package/skills/conversion-copywriting.md +38 -0
- package/skills/deployment-observability.md +14 -0
- package/skills/docs-maintainer.md +19 -0
- package/skills/frontend-design-system.md +68 -0
- package/skills/frontend-distinctiveness-benchmark.md +40 -0
- package/skills/frontend-product-quality-rubric.md +59 -0
- package/skills/landing-page-copy.md +29 -0
- package/skills/nextjs-app-router.md +18 -0
- package/skills/onboarding-empty-state-copy.md +37 -0
- package/skills/owasp-security-review.md +19 -0
- package/skills/planning-council.md +21 -0
- package/skills/positioning-messaging.md +42 -0
- package/skills/postgres-migrations.md +14 -0
- package/skills/product-voice-tone.md +35 -0
- package/skills/reference-led-design-critique.md +48 -0
- package/skills/supabase-auth-rls.md +20 -0
- package/skills/testing-qa.md +15 -0
- package/skills/upgrade-maintenance.md +32 -0
- package/skills/visual-regression-qa.md +42 -0
- package/templates/next-supabase/AGENTS.md +138 -0
- package/templates/next-supabase/AGENT_ROSTER.md +98 -0
- package/templates/next-supabase/ASSISTANT_ADAPTERS.md +82 -0
- package/templates/next-supabase/COUNCIL.md +54 -0
- package/templates/next-supabase/DECISIONS.md +45 -0
- package/templates/next-supabase/DEPLOYMENT.md +45 -0
- package/templates/next-supabase/DESIGN.md +171 -0
- package/templates/next-supabase/DOCS.md +62 -0
- package/templates/next-supabase/MESSAGING.md +81 -0
- package/templates/next-supabase/MODEL_ROUTING.md +109 -0
- package/templates/next-supabase/QUALITY_GATES.md +87 -0
- package/templates/next-supabase/SECURITY.md +54 -0
- package/templates/next-supabase/SKILLS.md +221 -0
- package/templates/next-supabase/SPEC.md +114 -0
- package/templates/next-supabase/STYLE_GUIDE.md +104 -0
- package/templates/next-supabase/TESTING.md +68 -0
- package/templates/next-supabase/UPGRADE.md +59 -0
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
# Repository Instructions
|
|
2
|
+
|
|
3
|
+
This repository uses Agent Kit. Treat `AGENTS.md`, `AGENT_ROSTER.md`, `.agent-kit/agent-roster.json`, `MODEL_ROUTING.md`, `.agent-kit/model-routing.json`, `.agent-kit/project-context.json`, `.agent-kit/project-context.md`, `.agent-kit/corrections/project-rules.json`, `.agent-kit/corrections/agent-rules.json`, `COUNCIL.md`, `.agent-kit/council-sessions/`, and `QUALITY_GATES.md` as the source of truth for agent routing, project context, correction rules, model profiles, quality gates, and handoff evidence.
|
|
4
|
+
|
|
5
|
+
## Workflows
|
|
6
|
+
|
|
7
|
+
- Planning, phased roadmap, or ambiguous work starts with Planner.
|
|
8
|
+
- Core changes require Lead Architect before implementation.
|
|
9
|
+
- Frontend changes require Frontend Design Lead, brand/content intake, creative-direction rationale, visual QA evidence, state coverage, accessibility checks, and desktop/mobile verification.
|
|
10
|
+
- Auth, RLS, data mutations, dependency changes, external calls, secrets, and release risk require Security Reviewer.
|
|
11
|
+
- Behavior changes require QA evidence.
|
|
12
|
+
- Significant changes require Documentation Maintainer updates.
|
|
13
|
+
- Meaningful work should read local project context and active correction rules before implementation.
|
|
14
|
+
- User corrections should be recorded before continuing, then applied to future sessions when durable.
|
|
15
|
+
- Meaningful multi-agent work should record visible decisions, handoffs, artifacts, and verification in Agent Studio session files when available.
|
|
16
|
+
|
|
17
|
+
## Validation
|
|
18
|
+
|
|
19
|
+
Before proposing completion, run the repo's documented checks. For projects installed from this kit, the minimum setup check is:
|
|
20
|
+
|
|
21
|
+
```sh
|
|
22
|
+
agent-kit audit --min-readiness baseline-setup
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
Use a stronger gate before claiming best-practice readiness:
|
|
26
|
+
|
|
27
|
+
```sh
|
|
28
|
+
agent-kit audit --min-readiness best-practice-candidate
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
Do not claim best-practice readiness while starter placeholders remain in `COUNCIL.md`, `SPEC.md`, `DESIGN.md`, `SECURITY.md`, `TESTING.md`, `DEPLOYMENT.md`, or `ASSISTANT_ADAPTERS.md`.
|
|
32
|
+
|
|
33
|
+
## Model Selection
|
|
34
|
+
|
|
35
|
+
Use the active Copilot model selector or organization policy with `MODEL_ROUTING.md`. Repository instructions advise model choice but should not be treated as hard enforcement where Copilot keeps model selection user-controlled.
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
---
|
|
2
|
+
applyTo: "app/**/*.{ts,tsx},src/app/**/*.{ts,tsx},pages/**/*.{ts,tsx},src/pages/**/*.{ts,tsx},components/**/*.{ts,tsx},lib/**/*.{ts,tsx},utils/**/*.{ts,tsx},supabase/**/*,*.sql"
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Next.js + Supabase Agent Kit Instructions
|
|
6
|
+
|
|
7
|
+
Follow `AGENTS.md`, `AGENT_ROSTER.md`, `.agent-kit/agent-roster.json`, `MODEL_ROUTING.md`, `.agent-kit/model-routing.json`, `.agent-kit/project-context.json`, `.agent-kit/project-context.md`, `.agent-kit/corrections/project-rules.json`, `.agent-kit/corrections/agent-rules.json`, `COUNCIL.md`, `.agent-kit/council-sessions/`, and `QUALITY_GATES.md`.
|
|
8
|
+
|
|
9
|
+
## Next.js
|
|
10
|
+
|
|
11
|
+
- Keep Server Component, Client Component, Route Handler, and Server Action boundaries explicit.
|
|
12
|
+
- Do not expose secrets, service-role keys, privileged queries, or admin-only data to client bundles.
|
|
13
|
+
- Preserve loading, empty, error, disabled, success, focus, and mobile states for user-facing changes.
|
|
14
|
+
|
|
15
|
+
## Supabase
|
|
16
|
+
|
|
17
|
+
- Enforce authorization with Postgres RLS where applicable.
|
|
18
|
+
- Treat service-role access as server-only.
|
|
19
|
+
- Document migration order, rollback risk, indexes, constraints, and policy changes.
|
|
20
|
+
|
|
21
|
+
## Council Routing
|
|
22
|
+
|
|
23
|
+
- Schema, auth, RLS, API behavior, dependency, and release changes require Lead Architect and Security Reviewer handoff.
|
|
24
|
+
- UI changes require Frontend Design Lead evidence before implementation is accepted.
|
|
25
|
+
- Behavior changes require QA evidence and living-doc updates.
|
|
26
|
+
- Use the model profile in `MODEL_ROUTING.md`; treat Copilot model selection as advisory unless the active tool surface can enforce it.
|
|
27
|
+
- Read project context and active corrections before changing behavior.
|
|
28
|
+
- Record visible decisions, handoffs, human corrections, artifacts, and verification with Agent Studio session commands when available.
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
# Claude Code Subagents With Model Notes
|
|
2
|
+
|
|
3
|
+
Use this as a starter for `.claude/agents/*.md` files. Keep the canonical role definitions in `AGENTS.md` and `AGENT_ROSTER.md`.
|
|
4
|
+
|
|
5
|
+
```md
|
|
6
|
+
---
|
|
7
|
+
name: lead-architect
|
|
8
|
+
description: Use for core architecture, cross-layer changes, package behavior, and technical decisions.
|
|
9
|
+
# June 2026 Agent Kit suggestion:
|
|
10
|
+
# model: opus
|
|
11
|
+
# effort: high
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
Read `AGENTS.md`, `AGENT_ROSTER.md`, `MODEL_ROUTING.md`, `.agent-kit/agent-roster.json`, and `.agent-kit/model-routing.json`.
|
|
15
|
+
|
|
16
|
+
Review affected layers, preserved behavior, security impact, test plan, docs impact, and required council handoffs before implementation.
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
```md
|
|
20
|
+
---
|
|
21
|
+
name: frontend-design-lead
|
|
22
|
+
description: Use for creative direction, reference-led critique, frontend distinctiveness, product-quality scorecards, and visual QA.
|
|
23
|
+
# June 2026 Agent Kit suggestion:
|
|
24
|
+
# model: opus
|
|
25
|
+
# effort: high
|
|
26
|
+
---
|
|
27
|
+
|
|
28
|
+
Use `DESIGN.md`, `STYLE_GUIDE.md`, `MODEL_ROUTING.md`, and the frontend skills before accepting significant UI work.
|
|
29
|
+
Reject generic AI-looking UI that is not specific to the product content, workflow, audience, and state model.
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
Record the actual Claude Code behavior, model field support, date, and owner in `ASSISTANT_ADAPTERS.md`.
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# Codex model-selection example for Agent Kit.
|
|
2
|
+
# Copy the relevant comments into ~/.codex/config.toml or a trusted project .codex/config.toml.
|
|
3
|
+
# Verify current model availability in your Codex environment before uncommenting.
|
|
4
|
+
|
|
5
|
+
# June 2026 Agent Kit suggested baseline:
|
|
6
|
+
# model = "gpt-5.5"
|
|
7
|
+
# model_reasoning_effort = "medium"
|
|
8
|
+
|
|
9
|
+
# Use high reasoning for Lead Architect, Security Reviewer, and Supabase/Postgres Engineer
|
|
10
|
+
# when spawning custom Codex agents or starting dedicated review threads.
|
|
11
|
+
# model_reasoning_effort = "high"
|
|
12
|
+
|
|
13
|
+
# Optional custom-agent files can live under .codex/agents/*.toml.
|
|
14
|
+
# Keep each custom agent narrow and point it back to:
|
|
15
|
+
# - AGENTS.md
|
|
16
|
+
# - AGENT_ROSTER.md
|
|
17
|
+
# - .agent-kit/agent-roster.json
|
|
18
|
+
# - MODEL_ROUTING.md
|
|
19
|
+
# - .agent-kit/model-routing.json
|
|
20
|
+
|
|
21
|
+
# Example custom-agent fragment:
|
|
22
|
+
# name = "lead-architect"
|
|
23
|
+
# description = "Architecture and core-change council review."
|
|
24
|
+
# model = "gpt-5.5"
|
|
25
|
+
# model_reasoning_effort = "high"
|
|
26
|
+
# developer_instructions = """
|
|
27
|
+
# Read AGENTS.md, AGENT_ROSTER.md, MODEL_ROUTING.md, and .agent-kit/agent-roster.json.
|
|
28
|
+
# Review affected layers, preserved behavior, tradeoffs, security impact, test plan, and docs impact.
|
|
29
|
+
# """
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Agent Kit model-selection reminder for Cursor.
|
|
3
|
+
globs:
|
|
4
|
+
- "**/*"
|
|
5
|
+
alwaysApply: true
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Agent Kit Model Selection
|
|
9
|
+
|
|
10
|
+
Use `MODEL_ROUTING.md` and `.agent-kit/model-routing.json` when choosing a model for the active task.
|
|
11
|
+
|
|
12
|
+
## June 2026 Recommendations
|
|
13
|
+
|
|
14
|
+
<!--
|
|
15
|
+
Cursor model selection is controlled by the user, workspace, model picker, or team policy.
|
|
16
|
+
This rule advises routing; it should not be treated as hard enforcement.
|
|
17
|
+
-->
|
|
18
|
+
|
|
19
|
+
- Use a deep reasoning model for Lead Architect, Security Reviewer, Supabase/Postgres Engineer, migrations, RLS, auth, dependencies, release risk, and cross-layer decisions.
|
|
20
|
+
- Use a strong coding model with large context for Next.js Engineer work across App Router, Server Actions, Route Handlers, forms, caching, and UI state.
|
|
21
|
+
- Use a creative/vision-capable model for Frontend Design Lead work, especially screenshot critique, references, and distinctiveness benchmarking.
|
|
22
|
+
- Use a fast or balanced model for low-risk docs, deployment notes, and repeated QA summaries.
|
|
23
|
+
|
|
24
|
+
Record the selected Cursor model, rule evidence, date, owner, and limitations in `ASSISTANT_ADAPTERS.md`.
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
# GitHub Copilot Model Selection
|
|
2
|
+
|
|
3
|
+
Repository instructions can advise model choice, but model selection remains controlled by the Copilot surface, organization policy, and the user's active model picker.
|
|
4
|
+
|
|
5
|
+
Use `MODEL_ROUTING.md` and `.agent-kit/model-routing.json` before starting agentic work.
|
|
6
|
+
|
|
7
|
+
## June 2026 Recommendations
|
|
8
|
+
|
|
9
|
+
<!--
|
|
10
|
+
Select the strongest available Copilot model for architecture, security, Supabase RLS, migrations, release risk, and ambiguous planning.
|
|
11
|
+
Select a faster available model for docs-only cleanup, narrow test triage, or low-risk repeated checks.
|
|
12
|
+
These comments are dated setup guidance, not a guarantee that Copilot will enforce model choice from repository files.
|
|
13
|
+
-->
|
|
14
|
+
|
|
15
|
+
## Evidence To Record
|
|
16
|
+
|
|
17
|
+
- Copilot surface used: chat, edit, coding agent, PR review, or other.
|
|
18
|
+
- Active model or organization policy, if visible.
|
|
19
|
+
- Instruction file loaded: `.github/copilot-instructions.md` or `.github/instructions/*.instructions.md`.
|
|
20
|
+
- Date, owner, and known limitations.
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
# Accessibility Checklist
|
|
2
|
+
|
|
3
|
+
- Semantic HTML used first.
|
|
4
|
+
- ARIA used only when needed.
|
|
5
|
+
- Keyboard navigation works.
|
|
6
|
+
- Focus states are visible.
|
|
7
|
+
- Color contrast meets WCAG 2.1 AA.
|
|
8
|
+
- Forms have labels and error messages.
|
|
9
|
+
- Custom controls expose state.
|
|
10
|
+
- Content does not rely only on color or motion.
|
|
11
|
+
- Critical flows have keyboard-only smoke coverage.
|
|
12
|
+
- Accessibility tooling or manual checks are documented in `TESTING.md`.
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
# Agent Council Checklist
|
|
2
|
+
|
|
3
|
+
- `.agent-kit/agent-roster.json` exists and matches the expected default council contract.
|
|
4
|
+
- `.agent-kit/schemas/agent-roster.schema.json` exists for roster validation.
|
|
5
|
+
- `.agent-kit/schemas/council-session.schema.json` exists for structured session evidence.
|
|
6
|
+
- Planner starts planning, roadmap, ambiguous, and cross-layer requests.
|
|
7
|
+
- Lead Architect reviews core changes before implementation.
|
|
8
|
+
- Security Reviewer joins auth, data mutation, dependency, external-call, secret, and release-risk work.
|
|
9
|
+
- Frontend Design Lead joins user-facing frontend work with creative direction and visual QA evidence.
|
|
10
|
+
- QA Engineer verifies behavior changes before completion.
|
|
11
|
+
- Documentation Maintainer updates living docs when behavior, architecture, release, or standards change.
|
|
12
|
+
- Every handoff records decision, risk, next handoff, and evidence.
|
|
13
|
+
- Missing required outputs are marked missing or partial rather than hidden.
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
# Brand And Content Checklist
|
|
2
|
+
|
|
3
|
+
- Product category is named.
|
|
4
|
+
- Primary audience and user needs are written in user language.
|
|
5
|
+
- Real content inventory exists: nouns, labels, records, data fields, examples, and assets.
|
|
6
|
+
- First screen is tied to a real task, object, or workflow.
|
|
7
|
+
- Brand personality has 3-5 visible traits.
|
|
8
|
+
- Existing logo, colors, fonts, platform conventions, and accessibility constraints are captured.
|
|
9
|
+
- Category references are used for learning only; no source is copied.
|
|
10
|
+
- Non-goals name visual tropes, copy patterns, palettes, or layouts to avoid.
|
|
11
|
+
- Anti-references are explicit enough to prevent generic AI-site defaults.
|
|
12
|
+
- Source-safety notes name brand marks, layouts, copy, or assets that must not be copied.
|
|
13
|
+
- At least two creative directions were considered before implementation.
|
|
14
|
+
- Chosen direction affects tokens, layout, copy, imagery, and interaction tone.
|
|
15
|
+
- Missing content or assets are documented instead of hidden behind generic placeholders.
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
# Deployment Checklist
|
|
2
|
+
|
|
3
|
+
- Required env vars are present.
|
|
4
|
+
- Server-only secrets are not exposed.
|
|
5
|
+
- Migrations are applied in the right order.
|
|
6
|
+
- RLS and Storage policies are verified.
|
|
7
|
+
- Build passes.
|
|
8
|
+
- Smoke tests pass.
|
|
9
|
+
- Logs and monitoring are checked.
|
|
10
|
+
- Rollback steps are documented.
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
# Design Critique Checklist
|
|
2
|
+
|
|
3
|
+
- `DESIGN.md` includes a reference set and anti-references.
|
|
4
|
+
- References are used for learning, not copying.
|
|
5
|
+
- Source-safety notes identify brand marks, layouts, copy, or assets that must not be copied.
|
|
6
|
+
- The first screen shows the product's real task, object, content, or workflow.
|
|
7
|
+
- The chosen creative direction is visible in typography, layout, density, color, imagery, copy, and interaction tone.
|
|
8
|
+
- Distinctiveness verdict is recorded as weak, adequate, or strong.
|
|
9
|
+
- Frontend product-quality scorecard records user/task fit, content specificity, visual identity, information architecture, component states, accessibility and interaction, and source safety.
|
|
10
|
+
- Generic AI-site risks are explicitly accepted, changed, or rejected.
|
|
11
|
+
- Desktop and mobile screenshots or previews were reviewed.
|
|
12
|
+
- Important empty, loading, error, disabled, success, and permission states were reviewed.
|
|
13
|
+
- Accessibility and visual QA evidence match the risk of the UI change.
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
# Frontend Distinctiveness Checklist
|
|
2
|
+
|
|
3
|
+
- First viewport shows the real product object, task, workflow, content, or decision.
|
|
4
|
+
- Product nouns, labels, data shapes, records, actions, and edge cases are visible or documented.
|
|
5
|
+
- Reference benchmark includes 3-5 references with lessons to learn.
|
|
6
|
+
- Anti-references include 2-3 category tropes, palettes, layouts, copy patterns, or interaction habits to avoid.
|
|
7
|
+
- Source-safety notes explain what must not be copied from references.
|
|
8
|
+
- At least two creative directions were compared before implementation.
|
|
9
|
+
- Asset provenance is recorded for real, generated, licensed, and placeholder visuals.
|
|
10
|
+
- Loading, empty, error, disabled, success, permission, and focus states are covered where relevant.
|
|
11
|
+
- Desktop and mobile evidence exists, plus visual QA for high-risk screens.
|
|
12
|
+
- A design cannot pass if it would still work unchanged for another product in the same category.
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
# Frontend Product Quality Checklist
|
|
2
|
+
|
|
3
|
+
- User/task fit score is at least `1`, and preferably `2`.
|
|
4
|
+
- Content specificity score is at least `1`, and preferably `2`.
|
|
5
|
+
- Visual identity score explains why the result fits this product rather than a generic category.
|
|
6
|
+
- Information architecture score covers primary and secondary workflows.
|
|
7
|
+
- Component state score covers important loading, empty, error, disabled, success, permission, and focus states.
|
|
8
|
+
- Accessibility and interaction score covers keyboard path, focus, contrast, labels, reduced motion, and error feedback.
|
|
9
|
+
- Source-safety score confirms references were learned from, not copied.
|
|
10
|
+
- Total score is at least `10/14` before acceptance.
|
|
11
|
+
- Best-practice claim requires at least `12/14`, no critical zeroes, desktop/mobile screenshot review, and visual QA evidence.
|
|
12
|
+
- Best-practice claim also requires frontend distinctiveness benchmark evidence: first-screen proof, content fingerprint, reference benchmark, asset provenance, state proof, and visual QA proof.
|
|
13
|
+
- `DESIGN.md` records the scorecard verdict and required changes.
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
# Frontend Quality Checklist
|
|
2
|
+
|
|
3
|
+
- First screen shows the actual product or task.
|
|
4
|
+
- `DESIGN.md` includes product category, audience, user needs, content inventory, brand constraints, and creative direction.
|
|
5
|
+
- Brand/content intake was completed before visual implementation.
|
|
6
|
+
- At least two creative directions were considered.
|
|
7
|
+
- Reference set, anti-references, and source-safety notes are recorded.
|
|
8
|
+
- Design critique verdict is adequate or strong before release.
|
|
9
|
+
- Frontend product-quality scorecard is at least adequate before release.
|
|
10
|
+
- Visual direction fits the domain.
|
|
11
|
+
- No generic AI-site gradient/card defaults.
|
|
12
|
+
- Navigation is clear and predictable.
|
|
13
|
+
- Loading, empty, error, disabled, and success states exist.
|
|
14
|
+
- Mobile layout is designed, not incidental.
|
|
15
|
+
- Component spacing, type, and density are consistent.
|
|
16
|
+
- Forms are accessible and provide useful feedback.
|
|
17
|
+
- Design tokens cover color, typography, spacing, radius, motion, depth, state color, and focus treatment.
|
|
18
|
+
- A product-specific design brief has been used for SaaS, admin, marketplace, content, tool, ecommerce, portfolio/venue, education, community/social, or AI workflow surfaces.
|
|
19
|
+
- Desktop and mobile screenshots have been reviewed with `prompts/screenshot-review.md`.
|
|
20
|
+
- Visual QA tier is documented for high-risk UI changes.
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
# Marketing And Copy Checklist
|
|
2
|
+
|
|
3
|
+
- `MESSAGING.md` identifies audience, pain, desired outcome, alternatives, differentiator, proof, objections, voice, and conversion goal.
|
|
4
|
+
- Missing positioning inputs are asked as explicit questions before final copy is written.
|
|
5
|
+
- Claims are supported by named proof or marked as assumptions.
|
|
6
|
+
- Headline, subhead, CTA, proof, and objection handling match the same value proposition.
|
|
7
|
+
- Copy uses real product nouns, workflows, constraints, and customer language.
|
|
8
|
+
- CTAs have one primary action and clear secondary actions.
|
|
9
|
+
- Onboarding, empty, error, upgrade, and permission copy provide a useful next step.
|
|
10
|
+
- Risky claims around pricing, privacy, security, compliance, performance, medical, financial, or legal topics are reviewed before release.
|
|
11
|
+
- Marketing Copy Lead hands off to Frontend Design Lead for public-facing layout and visual hierarchy.
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
# OWASP Checklist
|
|
2
|
+
|
|
3
|
+
- Broken access control: RLS, ownership, tenant boundary, admin checks.
|
|
4
|
+
- Cryptographic failures: secrets, tokens, PII, transport security.
|
|
5
|
+
- Injection: SQL, command, template, prompt, and header injection.
|
|
6
|
+
- Insecure design: abuse cases and missing security controls.
|
|
7
|
+
- Misconfiguration: env vars, CORS, headers, storage, public buckets.
|
|
8
|
+
- Vulnerable components: dependency additions and audit status.
|
|
9
|
+
- Auth failures: login, logout, refresh, session expiry, protected routes.
|
|
10
|
+
- Integrity failures: CI, package installs, migrations, webhooks.
|
|
11
|
+
- Logging failures: errors visible without leaking secrets.
|
|
12
|
+
- SSRF: external URL validation and egress restrictions.
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
# Supabase RLS Checklist
|
|
2
|
+
|
|
3
|
+
- RLS enabled on every user-owned or tenant-owned table.
|
|
4
|
+
- Policies exist for each required operation.
|
|
5
|
+
- Policies enforce `auth.uid()` or tenant membership.
|
|
6
|
+
- Admin policies are explicit and least-privilege.
|
|
7
|
+
- Storage buckets have policies.
|
|
8
|
+
- Service-role use is isolated to server-only code.
|
|
9
|
+
- IDOR attempts are tested.
|
|
10
|
+
- Policy assumptions are documented.
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
# Testing Checklist
|
|
2
|
+
|
|
3
|
+
- Unit tests cover core logic.
|
|
4
|
+
- Regression tests preserve existing behavior.
|
|
5
|
+
- Playwright smoke tests cover critical paths.
|
|
6
|
+
- Visual QA evidence exists for high-risk UI changes.
|
|
7
|
+
- Auth, admin, and data mutations are prioritized.
|
|
8
|
+
- Empty/error/loading states are covered where practical.
|
|
9
|
+
- Test gaps and residual risks are documented.
|
|
10
|
+
- CI gates are documented and match the commands used by the project.
|
|
11
|
+
- Playwright smoke coverage exists for the primary workflow before release.
|
|
12
|
+
- Visual baseline updates require human review and rationale when visual-regression tooling exists.
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
# Upgrade Checklist
|
|
2
|
+
|
|
3
|
+
- [ ] Branch created before upgrade work.
|
|
4
|
+
- [ ] Release notes, changelog, or migration guide reviewed.
|
|
5
|
+
- [ ] `agent-kit diff` reviewed before template updates.
|
|
6
|
+
- [ ] `agent-kit update` run only after preserving local work.
|
|
7
|
+
- [ ] `.agent-kit/conflicts/` reviewed.
|
|
8
|
+
- [ ] `.agent-kit/overrides.json` updated for accepted local deviations.
|
|
9
|
+
- [ ] Next.js codemods or manual upgrade steps reviewed when framework behavior changes.
|
|
10
|
+
- [ ] Supabase migration history, RLS impact, generated types, and rollback risk reviewed when data/auth changes.
|
|
11
|
+
- [ ] Tests, smoke checks, visual QA, or release checks run for affected areas.
|
|
12
|
+
- [ ] `agent-kit audit --min-readiness baseline-setup` passes.
|
|
13
|
+
- [ ] Upgrade evidence, rollback notes, owner, and date recorded in `UPGRADE.md`.
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
# Visual Regression Checklist
|
|
2
|
+
|
|
3
|
+
- Visual QA tier is documented: baseline screenshots, Playwright screenshots, Storybook visual tests, or visual-regression service.
|
|
4
|
+
- Desktop and mobile screenshots exist for primary screens.
|
|
5
|
+
- Reusable components have state stories or screenshot cases for default, loading, empty, error, disabled, success, permission-denied, and mobile states.
|
|
6
|
+
- Dynamic or volatile regions are mocked, masked, frozen, or excluded with rationale.
|
|
7
|
+
- Baseline updates require human review and a short rationale.
|
|
8
|
+
- CI or review notes link to screenshot artifacts, Storybook, Chromatic, Argos, Playwright report, or equivalent evidence.
|
|
9
|
+
- Visual checks cover at least one narrow/mobile viewport and one desktop viewport.
|
|
10
|
+
- Visual checks do not replace accessibility, keyboard, semantic, auth, or data-boundary tests.
|
|
11
|
+
- Known visual QA gaps are recorded in `TESTING.md` before release.
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
# Claude Design Review Brief
|
|
2
|
+
|
|
3
|
+
Review or generate UI direction for this product.
|
|
4
|
+
|
|
5
|
+
Context:
|
|
6
|
+
|
|
7
|
+
- DESIGN.md: `{{design_md}}`
|
|
8
|
+
- Product: `{{product}}`
|
|
9
|
+
- Users: `{{users}}`
|
|
10
|
+
- Primary task: `{{primary_task}}`
|
|
11
|
+
- Current risk: `{{design_risk}}`
|
|
12
|
+
|
|
13
|
+
Output:
|
|
14
|
+
|
|
15
|
+
- Design critique.
|
|
16
|
+
- Brand/content gaps.
|
|
17
|
+
- Creative-direction options or selected-direction critique.
|
|
18
|
+
- Reference-set, anti-reference, and source-safety critique.
|
|
19
|
+
- Frontend product-quality scorecard across user/task fit, content specificity, visual identity, information architecture, component states, accessibility and interaction, and source safety.
|
|
20
|
+
- Improved information architecture.
|
|
21
|
+
- Component inventory.
|
|
22
|
+
- Mobile and desktop layout guidance.
|
|
23
|
+
- Accessibility notes.
|
|
24
|
+
- Copy improvements.
|
|
25
|
+
- States for loading, empty, error, disabled, and success.
|
|
26
|
+
|
|
27
|
+
Reject generic AI-site patterns and prefer product-specific workflow clarity.
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
# Figma Design Brief
|
|
2
|
+
|
|
3
|
+
Create a Figma-ready design direction.
|
|
4
|
+
|
|
5
|
+
Include:
|
|
6
|
+
|
|
7
|
+
- DESIGN.md brand/content inputs and creative-direction matrix.
|
|
8
|
+
- Reference set, anti-references, and source-safety notes.
|
|
9
|
+
- Product-quality scorecard requirements and acceptance threshold.
|
|
10
|
+
- Page structure.
|
|
11
|
+
- Component list.
|
|
12
|
+
- Design tokens.
|
|
13
|
+
- Responsive behavior.
|
|
14
|
+
- Form and control states.
|
|
15
|
+
- Accessibility requirements.
|
|
16
|
+
- Notes for handoff to implementation.
|
|
17
|
+
|
|
18
|
+
Avoid generic AI-site visual defaults and prioritize the real product workflow.
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
# Google Stitch Design Brief
|
|
2
|
+
|
|
3
|
+
Use this brief to generate distinct interface directions from real product content and brand constraints.
|
|
4
|
+
|
|
5
|
+
DESIGN.md context:
|
|
6
|
+
`{{design_md}}`
|
|
7
|
+
|
|
8
|
+
Project type:
|
|
9
|
+
`{{project_type}}`
|
|
10
|
+
|
|
11
|
+
Audience:
|
|
12
|
+
`{{audience}}`
|
|
13
|
+
|
|
14
|
+
Primary workflow:
|
|
15
|
+
`{{primary_workflow}}`
|
|
16
|
+
|
|
17
|
+
Design requirements:
|
|
18
|
+
|
|
19
|
+
- Create three distinct directions unless `DESIGN.md` already selects one.
|
|
20
|
+
- Create mobile and desktop screens.
|
|
21
|
+
- Show real workflow states.
|
|
22
|
+
- Use domain-specific hierarchy.
|
|
23
|
+
- Tie tokens, layout, copy, imagery, density, and interaction tone to the selected content and audience.
|
|
24
|
+
- Use the reference set for learning only and respect all anti-references and source-safety notes.
|
|
25
|
+
- Return a product-quality scorecard covering user/task fit, content specificity, visual identity, information architecture, component states, accessibility and interaction, and source safety.
|
|
26
|
+
- Include design tokens.
|
|
27
|
+
- Include empty, loading, error, disabled, and success states.
|
|
28
|
+
- Meet WCAG 2.1 AA.
|
|
29
|
+
|
|
30
|
+
Avoid:
|
|
31
|
+
|
|
32
|
+
- Generic purple-blue gradients.
|
|
33
|
+
- Abstract card dashboards.
|
|
34
|
+
- Fake metrics.
|
|
35
|
+
- Vague SaaS copy.
|
|
36
|
+
- Placeholder landing pages.
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
# Human Designer Brief
|
|
2
|
+
|
|
3
|
+
## Product
|
|
4
|
+
|
|
5
|
+
`{{product}}`
|
|
6
|
+
|
|
7
|
+
## Audience
|
|
8
|
+
|
|
9
|
+
`{{audience}}`
|
|
10
|
+
|
|
11
|
+
## Primary Workflow
|
|
12
|
+
|
|
13
|
+
`{{primary_workflow}}`
|
|
14
|
+
|
|
15
|
+
## Design Context
|
|
16
|
+
|
|
17
|
+
`{{design_md}}`
|
|
18
|
+
|
|
19
|
+
## What We Need
|
|
20
|
+
|
|
21
|
+
- Domain-specific visual direction.
|
|
22
|
+
- Brand/content gaps and creative-direction recommendation.
|
|
23
|
+
- Reference-set critique, anti-references, and source-safety concerns.
|
|
24
|
+
- Product-quality scorecard with acceptance verdict.
|
|
25
|
+
- Mobile and desktop screens.
|
|
26
|
+
- Design tokens.
|
|
27
|
+
- Component states.
|
|
28
|
+
- Accessibility review.
|
|
29
|
+
- Notes for implementation.
|
|
30
|
+
|
|
31
|
+
## Avoid
|
|
32
|
+
|
|
33
|
+
- Generic AI-generated SaaS visuals.
|
|
34
|
+
- Placeholder copy.
|
|
35
|
+
- Fake data.
|
|
36
|
+
- Unclear primary action.
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
# Admin Dashboard Design Brief
|
|
2
|
+
|
|
3
|
+
Use this brief for internal tools, ops consoles, moderation queues, analytics, and support workflows.
|
|
4
|
+
|
|
5
|
+
## Product Signals
|
|
6
|
+
|
|
7
|
+
- First screen should prioritize active work, exceptions, stale items, and operational health.
|
|
8
|
+
- Avoid oversized hero copy, decorative gradients, and promotional layout patterns.
|
|
9
|
+
- Show filters, saved views, bulk actions, and audit trails where relevant.
|
|
10
|
+
|
|
11
|
+
## Required States
|
|
12
|
+
|
|
13
|
+
- Loading, empty, filtered-empty, error, partial-data, disabled, success, and permission-denied states.
|
|
14
|
+
- Dense desktop workflow and usable mobile read/review mode.
|
|
15
|
+
- Confirmation and undo patterns for destructive actions.
|
|
16
|
+
|
|
17
|
+
## Design Direction
|
|
18
|
+
|
|
19
|
+
- Favor calm information density, sticky table affordances, visible status language, and predictable controls.
|
|
20
|
+
- Use color sparingly for severity, freshness, ownership, and action state.
|
|
21
|
+
- Every chart or metric needs a label, source, timestamp, and empty/error fallback.
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
# AI Workflow Product Design Brief
|
|
2
|
+
|
|
3
|
+
Use when designing AI assistants, automation tools, generation workflows, review queues, prompt tools, eval dashboards, agent consoles, or human-in-the-loop products.
|
|
4
|
+
|
|
5
|
+
## First Screen
|
|
6
|
+
|
|
7
|
+
Show the real work loop: input, context, model/agent state, output, review, approval, correction, or history. Do not hide the product behind a generic "AI-powered" hero.
|
|
8
|
+
|
|
9
|
+
## Required Inputs
|
|
10
|
+
|
|
11
|
+
- User role: operator, reviewer, creator, analyst, developer, admin, or end customer.
|
|
12
|
+
- AI workflow: input sources, context, tools, model calls, outputs, approvals, retries, and audit trail.
|
|
13
|
+
- Trust needs: citations, uncertainty, permissions, rate limits, cost, privacy, and rollback.
|
|
14
|
+
- Human control points: edit, approve, reject, compare, regenerate, escalate, or export.
|
|
15
|
+
|
|
16
|
+
## Avoid
|
|
17
|
+
|
|
18
|
+
- Chat box as the only interface when the workflow needs structure.
|
|
19
|
+
- Fake model confidence or fake analytics.
|
|
20
|
+
- Magical language that hides limitations, costs, or review responsibility.
|
|
21
|
+
- Outputs without provenance, status, or recovery path.
|
|
22
|
+
|
|
23
|
+
## Required States
|
|
24
|
+
|
|
25
|
+
Queued, streaming, partial output, failed tool call, hallucination report, needs review, approved, rejected, regenerated, rate limited, permission denied, audit trail, mobile review.
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# Community Or Social Design Brief
|
|
2
|
+
|
|
3
|
+
Use when designing communities, forums, social feeds, member directories, messaging, comments, creator tools, clubs, or collaborative spaces.
|
|
4
|
+
|
|
5
|
+
## First Screen
|
|
6
|
+
|
|
7
|
+
Show the community's real activity, topics, people, norms, or contribution path. Avoid generic feed layouts that could belong to any network.
|
|
8
|
+
|
|
9
|
+
## Required Inputs
|
|
10
|
+
|
|
11
|
+
- Member types and participation goals.
|
|
12
|
+
- Content types: posts, comments, events, projects, resources, profiles, messages, reactions.
|
|
13
|
+
- Moderation and safety model.
|
|
14
|
+
- Trust, reputation, privacy, consent, and notification rules.
|
|
15
|
+
- Community tone: expert, casual, local, professional, creator-led, support-focused.
|
|
16
|
+
|
|
17
|
+
## Avoid
|
|
18
|
+
|
|
19
|
+
- Fake engagement metrics.
|
|
20
|
+
- Infinite feeds without prioritization or safety states.
|
|
21
|
+
- Profile cards with no real identity or contribution signals.
|
|
22
|
+
- Missing empty states for new or quiet communities.
|
|
23
|
+
|
|
24
|
+
## Required States
|
|
25
|
+
|
|
26
|
+
New community empty state, muted/blocked/report states, moderation pending, deleted content, private content, notification overload, mobile composer, slow/offline posting.
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
# Content App Design Brief
|
|
2
|
+
|
|
3
|
+
Use this brief for publishing tools, editorial systems, knowledge bases, newsletters, and media products.
|
|
4
|
+
|
|
5
|
+
## Product Signals
|
|
6
|
+
|
|
7
|
+
- First screen should show the reading, editing, curation, or review workflow.
|
|
8
|
+
- Avoid generic blog landing pages unless the request is a public marketing surface.
|
|
9
|
+
- Make authorship, freshness, source, status, and editorial workflow visible.
|
|
10
|
+
|
|
11
|
+
## Required States
|
|
12
|
+
|
|
13
|
+
- Draft, scheduled, published, archived, review-needed, empty, loading, error, and success states.
|
|
14
|
+
- Reader preferences, search, filtering, and mobile reading layout.
|
|
15
|
+
- Source attribution and unavailable-media fallbacks.
|
|
16
|
+
|
|
17
|
+
## Design Direction
|
|
18
|
+
|
|
19
|
+
- Typography and spacing carry the design; do not over-rely on cards.
|
|
20
|
+
- Support scanning with summaries, metadata, sectioning, and predictable hierarchy.
|
|
21
|
+
- Tokens must define body text, display text, captions, links, code, and focus states.
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
# Ecommerce Design Brief
|
|
2
|
+
|
|
3
|
+
Use when designing storefronts, product detail pages, carts, checkout flows, merchandising tools, subscriptions, or order-management screens.
|
|
4
|
+
|
|
5
|
+
## First Screen
|
|
6
|
+
|
|
7
|
+
Show real product/category inventory, price or availability context, and the next buying or management action. Do not open with generic lifestyle marketing unless the request is explicitly a campaign page.
|
|
8
|
+
|
|
9
|
+
## Required Inputs
|
|
10
|
+
|
|
11
|
+
- Product categories, product attributes, variants, inventory, and fulfillment constraints.
|
|
12
|
+
- Buyer goal: browse, compare, buy, reorder, subscribe, gift, or manage orders.
|
|
13
|
+
- Trust signals: returns, shipping, warranty, reviews, security, stock, seller credibility.
|
|
14
|
+
- Asset rules for product photography, thumbnails, swatches, badges, and empty inventory.
|
|
15
|
+
|
|
16
|
+
## Avoid
|
|
17
|
+
|
|
18
|
+
- Fake bestseller metrics.
|
|
19
|
+
- Generic ecommerce grid with placeholder products.
|
|
20
|
+
- Decorative hero sections that hide product inspection.
|
|
21
|
+
- Checkout or cart states without error, unavailable, quantity, tax, shipping, and payment edge cases.
|
|
22
|
+
|
|
23
|
+
## Required States
|
|
24
|
+
|
|
25
|
+
Loading, empty category, no search results, variant unavailable, out of stock, price changed, cart error, payment error, order success, return/refund state, mobile product inspection.
|