New Prompt Template
/generate-visual-plan— generate visual implementation plans for features and extensions. Produces editorial/blueprint-style HTML pages with problem comparison panels, state machine diagrams, code snippets, edge case tables, and implementation notes.
Prose Accent Patterns
- Lead paragraphs, pull quotes, callout boxes, section dividers
- Article hero patterns (centered, editorial)
- Theme toggle with random initial mode
- Typography by content voice guidance
Code Block Patterns
- Whitespace preservation with
white-space: pre-wrap - File header pattern for displaying code with filename
- Implementation plan guidance: show structure, not full files
Mermaid Fixes
- Centering for narrow vertical flowcharts
- Scaling guidance for complex diagrams (fontSize 18-20px)
- Special character escaping in node labels (
/,\,(,{)
Bug Fixes
- List marker overflow in bordered containers
- Code block whitespace preservation