W1 / websites
Refresh an existing website
Use $dazzler-frontend to refresh this website while preserving its brand, content and existing framework.
Expect: A working refresh with narrow/wide previews and a short change summary.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control. If you supply a Figma frame, use available authorized read tools and preserve existing project tokens; otherwise use your supplied export and label the evidence gap.
Review the existing tokens and primary user journey before changing code.
W2 / websites
Give a landing page stronger contrast
Use $dazzler-frontend to make this landing page more vivid and readable, keeping its message and main action.
Expect: A coherent palette, clearer type hierarchy and measured foreground/background pairs.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control. Ask for a visual comp first only if you want one. Image generation depends on the host; a static proposal must still become real text and controls with rendered checks.
Preserve required brand colors; report conflicts instead of silently replacing them.
W3 / websites
Compare a redesign proposal
Use $dazzler-frontend to show a before-and-after redesign proposal for this page without changing the original.
Expect: Separate proposal files, comparison images and the reasons for each major change.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Keep the original read-only; apply the proposal only when requested.
W4 / websites
Integrate Tailwind tokens
Use $dazzler-frontend to make the design tokens in this Tailwind project consistent with its established brand.
Expect: Version-appropriate theme mapping and a rendered component check.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Inspect Tailwind version and existing configuration; merge rather than replace it.
D1 / documents
Redesign a Word report
Use $dazzler-frontend to make this Word report polished and easier to read while preserving every fact and document object.
Expect: A revised DOCX plus page-by-page render checks and any preservation limitations.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Use host document tools for existing files; the basic content exporter cannot preserve arbitrary objects.
D2 / documents
Improve a resume
Use $dazzler-frontend to make this resume clear, distinctive and professional without changing my facts.
Expect: A readable resume with consistent dates, hierarchy and checked pagination.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Aim for one page only if the supplied content fits; do not claim ATS certification.
D3 / documents
Write a one-page decision brief
Use $dazzler-frontend to turn these notes and this table into a compelling one-page decision brief.
Expect: A print-ready brief with decision, evidence, table and next actions.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Retain units, caveats and all decision-critical information; inspect the actual page.
S1 / slides
Restyle an existing deck
Use $dazzler-frontend to restyle this presentation as a coherent branded deck while preserving its content and editable objects.
Expect: A revised native deck and a visual review of every slide.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Use host presentation tools; the content exporter is not a lossless PPTX editor.
S2 / slides
Build a decision deck with a chart
Use $dazzler-frontend to make a concise decision presentation from these facts and data, with an editable chart if supported.
Expect: A decision-led deck, chart source data and explicit editable/static status.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Native charts require R, mschart and officer; label SVG/HTML fallback as static.
C1 / data-charts
Explain a CSV with charts
Use $dazzler-frontend to turn this CSV into a clear branded set of charts with labels, units and a data table.
Expect: Charts grounded in supplied rows, accessible equivalents and stated missing-value handling.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Do not invent observations or describe CSV visualization as Excel workbook editing.
C2 / data-charts
Add a React sparkline
Use $dazzler-frontend to add a compact, readable sparkline for this complete data series in the existing React UI.
Expect: An integrated React component with trend context and a text equivalent.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Use the current React runtime; handle incomplete or unsupported series through another chart route.
B1 / brand
Extract a brand system
Use $dazzler-frontend to derive a usable design system from this existing site and its brand files.
Expect: Traceable observations, resolved tokens and visible conflicts.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Observed frequency is evidence, not permission to lock a brand value.
B2 / brand
Choose fonts for multilingual copy
Use $dazzler-frontend to choose and demonstrate a font pairing for this project using the actual multilingual copy.
Expect: A licensed shortlist checked for coverage, weights, italics and layout.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Check all required scripts; use a suitable available fallback when the compact profile lacks a face.
B3 / brand
Expand a locked palette
Use $dazzler-frontend to expand these required brand colors into a coherent light and dark interface palette.
Expect: Role-based colors with measured contrast and unresolved locks called out.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Do not silently change required colors or equate harmony with readability.
I1 / illustrations
Make an interactive visual guide
Use $dazzler-frontend to turn this image or SVG into an accessible interactive explainer.
Expect: Named hotspots, keyboard controls, descriptions and a text equivalent.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Use supplied or authorized artwork; verify region coordinates and the target framework.
A1 / audits
Audit a design without changing it
Use $dazzler-frontend to review this interface for readability, accessibility and design quality without changing any files.
Expect: Prioritized findings with rendered evidence and clearly separated aesthetic judgments.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
This is not an AI-authorship detector or complete accessibility certification.
A2 / audits
Stress-test a responsive layout
Use $dazzler-frontend to test this UI with long names, large values, missing images, empty data and error states.
Expect: Wide/narrow evidence, applicable scenario results and concrete repairs to recommend.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Absent targets mean not applicable; DOM simulations do not prove backend recovery.
R1 / iteration
Make a reversible CSS refinement
Use $dazzler-frontend to refine this CSS file and keep a precise way to revert only this change.
Expect: A bounded single-file plan, validated application and a reversible change record.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Reject intervening edits; use Git for coordinated multi-file changes.
P1 / progressive
Improve a pricing page
Use $dazzler-frontend to make this pricing page easier to compare and more persuasive while preserving its prices and terms.
Expect: Clear plan differences, an obvious next action and verified responsive behavior.
Agent route and optional control
Optional: specify audience, required brand values, target format and constraints. Leave visual choices to Dazzler unless you want control.
Start automatically; offer density, tone or palette controls only if I ask.