ui-css-patterns
Frontend UI/CSS Design Patterns
Quick reference for maintaining visual consistency across the RAPID frontend.
Action Hierarchy & Color Semantics
| Action Type | Button Variant | Outline | Examples |
|---|---|---|---|
| Submit/Create | primary |
false |
"Create", "Save", "Compare" |
| Cancel/Back | primary |
true |
"Cancel", "Back" |
| Delete/Remove | danger |
false (strong) / true (soft) |
"Delete Checklist" / inline delete |
| Alternative | secondary |
false |
"Duplicate", "Retry" |
| UI Toggle | text |
n/a | "Show More", "Expand Tree" |
| Inline Action | text + size="sm" |
n/a | Edit/Delete in tree nodes |
| Table Action | varies | true |
"View", "Download" |
Key Pattern: Outlined primary = cancel/dismiss. Filled primary = submit/create.
More from aws-samples/review-and-assessment-powered-by-intelligent-documentation
deploy-cdk-stack
Deploy RAPID application AWS infrastructure using CDK, including stack deployment, database migrations, and post-deployment verification. Use when explicitly asked to deploy, when running CDK bootstrap for first-time setup, or when deploying after code or infrastructure changes. Only execute when user says "please deploy".
1add-example
Add new example use cases to the Examples feature, including file setup, metadata registration, thumbnail generation, and link verification. Use when a contributor provides PDF/PNG/TXT files for a new use case, when adding entries to the Examples page, or when verifying existing example GitHub URLs are accessible.
1build-and-format
Run build verification and code formatting across all RAPID project components (backend, frontend, CDK). Use after implementing code changes, before committing, after modifying Prisma schema, or before creating a pull request.
1modify-agent-prompts
Modify the review-item-processor agent's prompts, model configuration, confidence thresholds, JSON output schemas, and tool setup. Use when changing document or image review prompts, adjusting model IDs, modifying output format, updating citation settings, or adding new tools to the agent.
1modify-cdk-workflows
Modify CDK Step Functions workflows (ReviewProcessor and ChecklistProcessor) for the RAPID application, including workflow step changes, Map State concurrency, retry/timeout configuration, error handling, and parameter updates. Use when changing workflow step sequences, adjusting concurrency, modifying retry logic, or adding/removing workflow steps.
1test-database-feature
Run repository integration tests against a local MySQL database for the RAPID backend. Use after implementing new repository methods, modifying Prisma database schema, testing use cases that depend on database access, or verifying data access patterns.
1