claude-design

Generate self-contained HTML design artifacts from design briefs.

Updated Apr 9, 2026
One-click install
npx skills add https://github.com/nadicodeai/argo-agent --skill claude-design-nadicodeai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/nadicodeai/argo-agent/tree/main/skills/creative/claude-design
Command: npx skills add https://github.com/nadicodeai/argo-agent --skill claude-design-nadicodeai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Translates Claude Design workflows into a local, CLI/API-friendly process that generates polished HTML artifacts without relying on hosted tooling.

Core Features & Use Cases

  • Process + taste: guides you through scoping briefs, gathering context, iterating variants, and delivering ready-to-run HTML artifacts.
  • Artifact outputs: produces landing pages, decks, component labs, motion studies as self-contained HTML with embedded CSS and JS.
  • CLI/API mode focus: operates entirely in a local environment, returning artifacts that require no hosted UI.

Quick Start

Describe your design brief and I will generate a self-contained HTML design artifact ready to run locally.

Frequently Asked Questions about claude-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate self-contained HTML design artifacts from a CLI environment?

To generate HTML design artifacts from a CLI environment, provide a design brief and the process outputs self-contained HTML files with embedded CSS and JS. This streamlines offline prototyping for landing pages and component labs without relying on hosted design tools.

Can I build responsive landing pages and motion studies locally without hosted UI tools?

Yes, you can build responsive landing pages and motion studies locally without hosted UI tools. The process generates self-contained HTML artifacts with embedded CSS and JS, respecting constraints around accessibility and minimal dependencies for offline environments.

What is the best way to prototype component labs offline using only HTML and CSS?

The best way to prototype component labs offline using HTML and CSS is generating local, CLI-ready artifacts from design briefs. This method mirrors a structured design process, delivering polished, self-contained files that run immediately in any browser.

Do I need external dependencies to run the HTML prototypes generated in a local CLI?

No, you do not need external dependencies to run the generated HTML prototypes. The artifacts are entirely self-contained with embedded CSS and JS, requiring no hosted UI or external libraries to function properly in your local environment.

How does the CLI design process handle accessibility and responsiveness for one-off explorations?

The CLI design process handles accessibility and responsiveness for one-off explorations by embedding these constraints directly into the generated HTML artifacts. It scopes briefs and iterates variants to ensure self-contained files meet standard accessibility requirements.

When should I use a local CLI workflow for generating HTML decks instead of traditional design software?

You should use a local CLI workflow for generating HTML decks instead of traditional design software when working in environments without hosted tooling. It translates design workflows into a CLI-friendly process, producing ready-to-run artifacts for offline prototyping.