Turn a Brief Into a Design With Character.
Dazzler gives your agent the tools to create and refine websites, interfaces, reports and slides. It shapes typography, color and layout around your audience, brand and content.
- Give a product a visual voice. Build a landing page that explains the offer and makes the next step clear.
- Make complex information readable. Refine a dashboard, chart or report around its most important questions.
- Carry a design across formats. Bring related type, color and hierarchy to interfaces and visual documents.
- Improve what already exists. Ask for a bolder direction, quieter typography, a stronger hierarchy or a focused finishing pass.
npx skills add jongos/Dazzler --skill dazzler-frontendUse a compatible agent and Node 22.20+ for this installer. See the platform guides for other supported installation and invocation options.
Use $dazzler-frontend to refine this dashboard. Make the urgent work easy
to find while keeping our brand, content and existing components.
Bring a brief, existing work or a goal. Dazzler chooses the visual details within your requirements.
Explore the field guide · Browse fictional worked examples · Installation and rollback
| Project | How It Complements This Work |
|---|---|
| Longshot | Test interface tasks and report reproducible findings. |
| Style Science | Connect design requirements to measurable checks and evidence. |
| Spiral | Find gaps in workflow handoffs, ownership and recovery. |
| Shatterstar | Simplify products while preserving important tasks. |
| Mojo | Make AI outputs clear and direct. |
Explore Hex Men for tools that complement your task.
Detailed project reference · Notices and credits
Created by Jon Gosier. Original work is Apache-2.0; fonts and libraries retain their own licenses and attribution. See LICENSE.