skills.rest
kzinmr
kzinmrCOMMUNITY
Explore all skills by this author →
GitHub

claude-design

Design custom HTML artifacts like landing pages and prototypes in CLI/API environments.

7|Updated Mar 26, 2026
Search Tags:#design#ui#html#prototype#ux#artifact
One-click install
npx skills add https://github.com/kzinmr/ai-topics --skill claude-design-kzinmr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/kzinmr/ai-topics/tree/main/config/hermes/skills/_overrides/claude-design
Command: npx skills add https://github.com/kzinmr/ai-topics --skill claude-design-kzinmr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill allows for the design of custom HTML artifacts like landing pages, prototypes, and decks directly in CLI/API environments, providing a solution where the Claude Design web UI is not accessible.

Core Features & Use Cases

  • Custom HTML Artifacts: Design one-off HTML artifacts such as landing pages, prototypes, and decks.
  • CLI/API Compatibility: Works seamlessly in CLI/API environments, offering the design experience of Claude Design without the hosted web UI.
  • Use Case: When you need to create a high-fidelity prototype or landing page and the Claude Design web interface is not available.

Quick Start

Generate a prototype for a new feature using the 'claude-design' skill.

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I generate custom HTML artifacts in a CLI or API environment?▼

To generate custom HTML artifacts in a CLI or API environment, you provide specific design context and requirements to the skill, which then outputs the desired HTML artifact without needing a hosted web UI.

Can I design landing pages and prototypes without accessing the Claude Design web UI?▼

Yes, you can design landing pages, prototypes, and decks without the web UI by using this skill in non-hosted agent environments to replicate the design process and taste.

What do I need to provide to create an HTML prototype using this approach?▼

You need to provide the specific design context and requirements for the artifact, acting as the input for the skill to execute the design process in your CLI or API workflow.

What is the best way to build high-fidelity HTML prototypes in non-hosted agent environments?▼

The best way to build high-fidelity HTML prototypes in non-hosted agent environments is using a skill that offers a standalone design process, producing custom artifacts directly within your CLI or API setup.

Are there limitations to designing UX artifacts in a CLI or API environment?▼

The main limitation of designing UX artifacts in a CLI or API environment is the lack of a hosted visual web UI, requiring you to supply all design context purely through text inputs.

Related Skills

Explore More Design & Creative Skills→
DenissvgnDenissvgn

product-owner

Clarify Product Owner responsibilities and validate product vision against business goals.

Community
Basic
lucaspedrozaemlucaspedrozaem
1

prototype

Create clickable wireframe prototypes to validate SaaS feature concepts.

Community
Intermediate
rickyanandarickyananda
1

claude-design

Design local HTML artifacts with embedded CSS and JavaScript from briefs or screenshots.

Community
Advanced
suhwansuhwan

phase-3-mockup

Generate HTML/CSS/JS mockups with a Next.js conversion plan.

Community
Advanced