Generate high-fidelity HTML design artifacts with embedded CSS and JS.
npx skills add https://github.com/ZardLi1115/zedclaw --skill claude-design-zardli1115
Please help me install this Agent Skill. Skill: claude-design Source: https://github.com/ZardLi1115/zedclaw/tree/main/skills/creative/claude-design Command: npx skills add https://github.com/ZardLi1115/zedclaw --skill claude-design-zardli1115
It helps you produce polished, usable HTML design artifacts from scratch in a CLI/API agent environment, without relying on hosted Claude Design tooling.
Ask your agent: “Design a high-fidelity landing page prototype for my product, include a light/dark-ready visual system, and output a single self-contained HTML file I can open in the browser.”
High-intent search queries and answers about installing and using this skill.
To generate high-fidelity HTML prototypes in a CLI agent environment, this Skill scopes the brief, defines a small design system, and outputs a complete local HTML file with embedded CSS/JS. It remaps hosted UI workflows to available CLI runtime capabilities.
Yes, you can create a self-contained HTML landing page without a hosted design tool. The Skill produces complete local HTML artifacts with embedded CSS and JS, ensuring portability and allowing you to open the file directly in any browser.
The best way to avoid generic AI design output when building HTML artifacts is to apply a structured design process. This Skill gathers context, defines a strong visual design system, and generates verified variants to ensure polished UX and visual taste.
Yes, the HTML prototype generation process adapts to your existing repository design tokens. When a repo is provided, it reads available theme and token files to ensure the output UI patterns match your existing codebase context.
Yes, you can use this Skill for motion studies and onboarding concepts in API mode. It is designed to produce one-off HTML design artifacts for various visual explorations, adapting the workflow to function correctly without hosted Claude Design UI.
A key limitation of generating HTML design artifacts in CLI mode is the unavailability of hosted-only UI plumbing. The Skill ignores these hosted features and remaps the workflow to local checks, outputting a single HTML file instead of an interactive hosted preview.
metedataGenerate and score 2-3 CSS-based HTML imagery specimens for product UI surfaces.
SriRamkunamsettyTranslate design briefs into self-contained HTML artifacts with embedded CSS and JS.
locdinh209Run tests, linters, and builds before claiming task completion.
runkidsCreate distinctive frontend interfaces with HTML, CSS, and JS artifacts.
