J
jongos/Dazzler
Dazzler: frontend design skill for AI with expressive typography, vibrant color theory, and purposeful…
View on GitHub ↗Link checked 2026-11-12 · HTTP 200 · opens the vendor's own site
Install & config
Client config (built from the install command this repo gives)
{
"mcpServers": {
"jongos-dazzler": {
"command": "npx",
"args": ["skills"]
}
}
}Parsed from the README we fetched on 2026-10-26; we have not executed it.
command/args come from the install command the repository states. When it is ambiguous, the project README wins.
VS Code (.vscode/mcp.json - the key is servers)
{
"servers": {
"jongos-dazzler": {
"command": "npx",
"args": ["skills"]
}
}
}Same server, but VS Code keeps it under <code>servers</code>.
Claude Code (command line)
claude mcp add --transport stdio jongos-dazzler -- npx skills
Claude Code does not read a config file; add the server with this command.
Key names differ by client: Clients & CLI
- Star count
- 3 ★ · jongos/Dazzler · read from the GitHub search API · (checked 2026-11-13 20:00:50)
- Source
- read directly from its GitHub page · type: open-source project
- Harvest history
- first seen 2026-10-25 · last seen 2026-11-14 · seen 24× · listed by 1 sources
- Score
- score 103 · 3 ★ · 1 sources · repo
- Install
npx skills
FAQ (answers come from our records)
How do I install it?
The repository provides this install command:
npx skills. It comes from the repository itself; we cannot guarantee it runs as-is in your client.Who is it for?
We filed it under these tags: Agent 技能. The tags come from the entry itself, not a taxonomy we imposed.
Who maintains it?
repository
jongos/Dazzler；first catalogued 2026-10-25；last seen 2026-11-14。There is no official certification or quality rating here — we record sources and dates only.# Dazzler
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
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.
## Put It to Work
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.
## Start With the Outcome
sh
npx skills add jongos/Dazzler --skill dazzler-frontend
Use a compatible agent and Node 22.20+ for this installer. See the platform guides for other supported installation and invocation options.
text
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
## In the Hex Men Family
| 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.
## Further Reading
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.
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.
## Put It to Work
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.
## Start With the Outcome
sh
npx skills add jongos/Dazzler --skill dazzler-frontend
Use a compatible agent and Node 22.20+ for this installer. See the platform guides for other supported installation and invocation options.
text
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
## In the Hex Men Family
| 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.
## Further Reading
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.
Listed badge (optional)
Copy this line into the README if you want the listing mark. Optional, and it does not affect being listed.
[](https://anclum.com/en/s/jongos-dazzler/)
- Source
- github · https://github.com/jongos/Dazzler
- Browse by field
- Agent skills
- Traction
- 3 ★
- added
- today
More like this
Filed under
Every tag opens the full list for that filter. Counts are the live catalogue figures.