About This Project
This repository demonstrates how to use Constitution Files (steering documents) to create consistent, high-quality prototypes and production code with AI coding assistants.
Below are live, interactive prototypes created using our prototype constitution standards. Each prototype is a single HTML file with no build tools required.
CRM Dashboard
Customer Relationship Management
Complete CRM dashboard with metrics, revenue charts, customer list, contact management, and export functionality.
Features:
- Key metrics cards
- Revenue trend chart
- Customer list with search/filter
- Contact management
- Export to CSV/Excel
RM Account Hierarchy
Commercial Banking
Relationship Manager tool for managing hierarchical account structures, creating favorite lists, and generating pre-meeting reports.
Features:
- Multi-level account hierarchy
- Select and group accounts
- Create favorite lists
- Generate pre-meeting reports
- Search and filter
How These Were Created
These prototypes were generated using AI with our prototype-standards.md constitution file, which defines:
- • HTML5 + Tailwind CSS + Vanilla JavaScript
- • Single file, no build tools required
- • Professional, modern design system
- • Mock data and business logic patterns
- • Ready for stakeholder demos