diff --git a/public/js/demo-renderer.js b/public/js/demo-renderer.js index 6ab555556..08ab6d786 100644 --- a/public/js/demo-renderer.js +++ b/public/js/demo-renderer.js @@ -12,6 +12,44 @@ export function renderCommandDemo(commandId) { const demo = getCommandDemo(commandId); if (!demo) { + // teach-impeccable is a setup command, not a visual transform — show usage guide instead + if (commandId === 'teach-impeccable') { + return ` +
+
+
+
When to run
+
+
+ 1. + Once per project, before using other commands +
+
+ 2. + Again if your brand or design direction changes +
+
+
What it does
+
+
+ → + Scans your codebase for existing design patterns +
+
+ → + Asks about brand, users, and aesthetic direction +
+
+ → + Saves a Design Context to your AI config file +
+
+
All other commands use this context automatically.
+
+
+
+ `; + } return `