skills.rest
x-TheFox
x-TheFoxCOMMUNITY
Explore all skills by this author →
GitHub

claude-design

Generates local HTML design artifacts from a design brief via CLI/API.

Updated Apr 27, 2026
Search Tags:#design#cli#design-process#design-guidance#design-vocabulary#html-artifact#token-spec
One-click install
npx skills add https://github.com/x-TheFox/Corvus --skill claude-design-x-thefox
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/x-TheFox/Corvus/tree/main/skills/creative/claude-design
Command: npx skills add https://github.com/x-TheFox/Corvus --skill claude-design-x-thefox

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Claude Design for CLI/API Agents enables designers to carry out the full Claude Design workflow in environments without the hosted web UI, producing local HTML artifacts and design outputs directly on the host.

Core Features & Use Cases

  • Reproduces Claude Design's process and taste in a CLI/API environment, focusing on local HTML artifacts and design deliverables.
  • Provides guidance on when to combine with popular-web-designs for visual vocabulary and with design-md for token-spec outputs, ensuring flexible, production-ready results.
  • Defines a practical workflow: gather context from source materials, define a design system, produce artifacts, verify quality, and report progress, all without hosted tools.

Quick Start

Provide a concise design brief and I will generate a complete local HTML artifact following the Claude Design workflow.

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I generate HTML design artifacts offline using a CLI or API agent?▼

You can generate offline HTML design artifacts by providing a concise design brief to the CLI agent. The agent translates your brief into a complete, ready-to-export HTML artifact following a structured design workflow without requiring a hosted web UI.

What is the standard workflow for producing local HTML design deliverables via API?▼

The standard workflow for local HTML deliverables involves gathering context from source materials, defining a design system, generating artifacts, verifying quality, and reporting progress. This end-to-end orchestration ensures production-ready results directly on your host environment.

Can I use this CLI design process for design token-spec planning?▼

Yes, you can use this CLI design process for token-spec planning by combining it with design-md. It enables designers to define and plan token specifications locally, producing structured design outputs without relying on hosted tools.

Do I need a hosted web UI to execute the Claude Design workflow for concept exploration?▼

No, you do not need a hosted web UI to execute the Claude Design workflow. The process reproduces design craft and taste entirely within a CLI or API environment, supporting concept exploration and local artifact generation offline.

What's the best way to establish a design vocabulary when generating local HTML artifacts?▼

The best way to establish a design vocabulary for local HTML artifacts is to combine the workflow with popular-web-designs. This integration provides the necessary visual vocabulary and design guidance to ensure flexible, production-ready outputs.

Related Skills

Explore More Design & Creative Skills→
brittaniebuffiecsubrittaniebuffiecsu
1

claude-design

Generate custom HTML artifacts for UX/UI design and web prototypes.

Community
Advanced
LoringtonianLoringtonian
12

html-tweaker

Restyle LLM-generated HTML artifacts via interactive CSS custom property controls.

Community
Intermediate
jbcholatjbcholat

theme-factory

Apply curated font and color themes to slide decks, documents, reports, and HTML landing pages.

Community
Basic
oferhalevioferhalevi
1

web-artifacts-builder

Generate self-contained HTML, CSS, and JavaScript web apps that run in the browser.

Community
Intermediate