skills.rest
DarkArty07
DarkArty07COMMUNITY
Explore all skills by this author →
GitHub

claude-design

Create self-contained HTML design artifacts in CLI/API agent environments.

3|Updated Apr 21, 2026
Search Tags:#design#html#landing page#ui/ux#prototype#slide deck#artifact
One-click install
npx skills add https://github.com/DarkArty07/Aether-Agents --skill claude-design-darkarty07
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/DarkArty07/Aether-Agents/tree/main/home/skills/creative/claude-design
Command: npx skills add https://github.com/DarkArty07/Aether-Agents --skill claude-design-darkarty07

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the lack of access to the hosted Claude Design web UI when running an agent in a CLI/API environment, enabling you to produce high-quality design work without relying on hosted tooling.

Core Features & Use Cases

  • Structured design workflow: Guides you through scoping briefs, gathering context, defining design systems, and producing thoughtful artifacts while avoiding generic AI design tropes.
  • Multi-format artifact support: Creates landing pages, interactive prototypes, HTML slide decks, motion studies, component explorations, and other design deliverables as self-contained, portable files.
  • Use case example: If you need a high-fidelity prototype for a new SaaS onboarding flow with no matching existing brand system, this skill guides you through building a clickable, responsive HTML artifact from scratch.

Quick Start

Ask the agent to create a high-fidelity interactive prototype for a new mobile onboarding flow, and it will deliver a self-contained HTML file with clickable interactions and responsive behavior.

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I generate high-fidelity HTML prototypes in a CLI or API agent environment?▼

To generate high-fidelity HTML prototypes in a CLI or API environment, you need a structured design workflow that scopes briefs, defines a design system from scratch, and outputs self-contained portable HTML files with interactive behaviors.

What is the best way to create a landing page artifact without an existing brand system?▼

Creating a landing page artifact without an existing brand system requires a process that establishes the design context first, applies anti-design-slop guardrails to avoid generic AI tropes, and produces a verified, self-contained HTML deliverable.

Can I build interactive HTML slide decks and motion studies using a command line interface?▼

Yes, you can build interactive HTML slide decks and motion studies using a command line interface by guiding the agent through a structured design process that outputs multi-format, self-contained portable HTML artifacts.

Does this approach work for creating component explorations from scratch without hosted web UI?▼

Yes, this approach works for component explorations without hosted web UI by applying an advanced internal reasoning process that verifies pre-delivery artifacts and ensures outputs remain responsive and self-contained.

Why do AI generated designs often look generic and how can I avoid design slop in prototypes?▼

AI generated designs look generic due to a lack of structured context, which you can avoid by using a workflow that enforces anti-design-slop guardrails during the scoping, context gathering, and artifact production phases.

What are the limitations of building design artifacts in an API agent mode?▼

The main limitation of building design artifacts in an API agent mode is the lack of access to the hosted Claude Design web UI, requiring you to rely entirely on structured prompts to generate self-contained HTML outputs.

Related Skills

Explore More Design & Creative Skills→
ammosuammosu
24

canvas-design

Translate design briefs into visual philosophy and poster-ready PNG or PDF artwork.

Community
Basic
LeckyHuangLeckyHuang

cloud-design

Create standalone HTML/CSS/JS visual deliverables without a build step.

Community
Advanced
ruiyangruiyiruiyangruiyi

claude-design

Generate self-contained HTML, deck, or prototype artifacts from design briefs.

Community
Intermediate
zli5460zli5460
2

claude-design

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

Community
Intermediate