README.md

AI Templates Directory

Purpose

Templates for generating and maintaining contact center widgets and components.

Structure

templates/
├── new-widget/          # Widget generation (7 modules)
├── existing-widget/     # Bug fixes, features (2 modules)
├── documentation/       # Documentation generation (2 modules, reusable for all packages)
└── playwright/          # Playwright E2E templates

Templates

1. New Widget Generation

Directory: new-widget/

Modules:

• 00-master.md - Orchestrator & workflow
• 01-pre-questions.md - Requirements gathering
• 02-code-generation.md - Widget code patterns
• 03-component-generation.md - Presentational components (conditional)
• 04-integration.md - cc-widgets + samples integration
• 05-test-generation.md - Test patterns
• 06-validation.md - Quality checklist

2. Existing Widget Maintenance

Directory: existing-widget/

Modules:

• bug-fix.md - Bug fix workflow
• feature-enhancement.md - Feature addition workflow

3. Documentation Generation

Directory: documentation/

Reusable for: Widgets, store, components, utilities

Modules:

• create-agent-md.md - Generate AGENTS.md
• create-architecture-md.md - Generate ARCHITECTURE.md

4. Playwright E2E Work

Directory: playwright/

Modules:

• 00-master.md - Orchestrator and workflow
• 01-pre-questions.md - Mandatory intake
• 02-test-implementation.md - Suites/tests/sets implementation
• 03-framework-and-doc-updates.md - Shared framework/docs updates
• 04-validation.md - Validation checklist

---

Usage

New Widget: Start with new-widget/00-master.md

Bug Fix: Read existing-widget/bug-fix.md

Feature Addition: Read existing-widget/feature-enhancement.md

Documentation Only: Use documentation/ templates

Playwright E2E Work: Start with playwright/00-master.md

Pattern References

• TypeScript Patterns
• React Patterns
• MobX Patterns
• Web Component Patterns
• Testing Patterns

---

Last Updated: 2026-03-04