Generate self-contained HTML design artifacts for CLI/API agent runtimes.
npx skills add https://github.com/Z43L/zeus-agent --skill claude-design-z43l
Please help me install this Agent Skill. Skill: claude-design Source: https://github.com/Z43L/zeus-agent/tree/main/skills/creative/claude-design Command: npx skills add https://github.com/Z43L/zeus-agent --skill claude-design-z43l
This Skill helps you produce polished HTML design artifacts in a CLI/API agent environment, preserving Claude Design’s process and taste while avoiding hosted-only tooling.
prefers-reduced-motion handling.Create a single high-fidelity responsive prototype landing page HTML file based on my brief, and include a Tweaks panel for theme and density.
High-intent search queries and answers about installing and using this skill.
You can generate a self-contained HTML landing page prototype by having the CLI agent gather your context, select a design system, and output a local file with embedded CSS and JS. This approach produces high-fidelity artifacts without requiring hosted UI tools.
Building UI prototypes locally through a CLI/API agent allows you to create high-fidelity HTML artifacts. The workflow involves scanning existing repo or token sources, defining a local design system, and outputting self-contained files with responsive and accessible standards.
Yes, you can create dashboards, component labs, decks, and motion studies as standalone HTML files. The process uses CSS variables, grid layouts, focus and hover states, and prefers-reduced-motion handling to ensure responsive and accessible output.
You do not need an existing design system, as the workflow can scan your repository for theme or token sources and define a local design system if none is present. It creates variants and verifies output quality before reporting the final files.
To add a Tweaks panel for theme and density adjustments, request it in your brief when generating the responsive HTML prototype. The agent will embed the necessary CSS variables and JavaScript locally within the single output file to enable interactive control.
Producing design artifacts in a CLI runtime means you must rely on local file output and embedded CSS/JS instead of hosted web UI features. The workflow adapts by using local verification methods and remapping hosted-only concepts to what is available in your environment.
Quill-AgentDesign custom HTML artifacts with local HTML, CSS, and JavaScript.
Monjyu1101Translate Claude Design prompts into self-contained HTML prototypes for CLI/API workflows.
shipiitGuide dashboard UI design for admin surfaces with KPI and table patterns.
nadicodeaiGenerate self-contained HTML design artifacts from design briefs.