create-ai-chat-context/templates/fullstack/design-system.md

🚀 BREAKTHROUGH: Detection-Hourglass-System (DHS) - Revolutionary auto-detection of AI conversation chunks with zero-cost processing. Universal AI memory that actually works!

# Full-Stack Design System

## Design Principles

- **Consistency:** Uniform patterns and components
- **Usability:** User-centered design approach
- **Accessibility:** Inclusive design practices
- **Performance:** Optimized user experience

## Component Architecture

- **Core Components:** [List main UI components]
- **Layout Components:** [Layout and structure components]
- **Form Components:** [Form and input components]
- **Feedback Components:** [User feedback components]

## Styling Approach

- **Approach:** [CSS methodology or framework]
- **Theme System:** [Theming approach]
- **Variables:** [CSS custom properties or variables]
- **Icons:** [Icon system choice]

## UI/UX Patterns

- **User Interface:** [Common UI patterns]
- **Interaction:** [User interaction patterns]
- **Data Display:** [Data presentation patterns]
- **Navigation:** [Navigation patterns]

## Responsive Design

- **Strategy:** [Responsive design strategy]
- **Breakpoints:** [Screen size breakpoints]
- **Approach:** [Mobile-first or desktop-first]
- **Testing:** [Responsive testing approach]

## Accessibility

- **Standards:** [Accessibility standards followed]
- **Testing:** [Accessibility testing tools]
- **Implementation:** [Implementation practices]
- **Compliance:** [Compliance requirements]

---

**For AI Assistants:** Follow these design patterns and component structures when creating UI elements.