skills.rest
anilcan-kara
anilcan-karaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

claude-design

Translate design briefs into self-contained local HTML artifacts with embedded CSS and JS.

Updated Jun 17, 2026
Search Tags:#design#html#cli#offline#prototype#artifact#design-process
One-click install
npx skills add https://github.com/anilcan-kara/nozich-agent --skill claude-design-anilcan-kara
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/anilcan-kara/nozich-agent/tree/main/skills/creative/claude-design
Command: npx skills add https://github.com/anilcan-kara/nozich-agent --skill claude-design-anilcan-kara

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

CLI/API environments lack a structured workflow for turning design briefs into tangible artifacts; claude-design provides a repeatable process to translate briefs into self-contained HTML prototypes that work offline.

Core Features & Use Cases

  • Process + taste: scoping briefs, gathering context, generating variants, and delivering local HTML artifacts that preserve Claude Design's aesthetic.
  • Runtime mode: operates in CLI/API environments without a hosted UI while maintaining design integrity and deterministic results.
  • Guidance framework: advises when to pair with other design-skills and how to reference existing design vocabularies to ensure consistency.

Quick Start

Create a complete local HTML design artifact from the brief.

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I turn design briefs into local HTML prototypes in a CLI environment?▼

To turn design briefs into local HTML prototypes in a CLI environment, use a structured process that scopes the brief, gathers context, and generates self-contained HTML files with embedded CSS and JS for offline use.

Can I generate high-fidelity landing pages offline without a hosted UI?▼

Yes, you can generate high-fidelity landing pages offline without a hosted UI by operating within a CLI/API runtime mode that outputs complete, local HTML artifacts with embedded styling and scripts.

What is the best way to create self-contained HTML design artifacts from a brief?▼

The best way to create self-contained HTML design artifacts from a brief is to apply a deterministic design process that produces local prototypes, landing pages, and decks requiring no external hosted tools.

Does this design process work in API contexts or only hosted web tools?▼

This design process works in API contexts and CLI environments, specifically satisfying requirements for offline verification and self-contained artifact generation without relying on hosted web tools.

How do I ensure design consistency when generating HTML prototypes locally?▼

To ensure design consistency when generating HTML prototypes locally, reference existing design vocabularies and follow a guidance framework that advises when to pair with other design-skills during artifact generation.

Are there limitations to generating design artifacts without a hosted UI?▼

Generating design artifacts without a hosted UI limits direct visual manipulation, requiring you to rely on deterministic CLI/API processes and embedded CSS/JS to verify high-fidelity outputs offline.

Related Skills

Explore More Design & Creative Skills→
JuanMS20JuanMS20

claude-design

Translates design briefs into self-contained HTML artifacts for CLI/API environments.

Community
Advanced
beyondkmpbeyondkmp
1

algorithmic-art

Translate an algorithmic philosophy into a self-contained P5.js HTML artwork.

Community
Advanced
AngusatgithubAngusatgithub

taste-feedback

Pause builds at aesthetic checkpoints to gather visual feedback on color, typography, and layout.

Community
Advanced
zli5460zli5460
2

claude-design

Generate self-contained HTML prototypes with embedded CSS and JS.

Community
Intermediate