skills.rest
heximao
heximaoCOMMUNITY
Explore all skills by this author →
GitHub

claude-design

Design custom HTML landing pages, prototypes, and decks with CSS and JavaScript.

Updated May 11, 2026
Search Tags:#design#ui#html#prototyping#ux#artifact
One-click install
npx skills add https://github.com/heximao/agents --skill claude-design-heximao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/heximao/agents/tree/main/skill-archive/docker-hermes/.archive/claude-design
Command: npx skills add https://github.com/heximao/agents --skill claude-design-heximao

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill streamlines the design process for one-off HTML artifacts, offering expert process and taste to create landing pages, prototypes, and decks.

Core Features & Use Cases

  • Custom HTML Artifacts: Create personalized HTML landing pages, prototypes, and decks.
  • Expert Process & Taste: Incorporate best practices and design principles for professional results.
  • Use Case: Need a custom landing page for a product launch? Use this Skill to design and generate it with the right layout, colors, and typography.

Quick Start

Generate a landing page for a new product with 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 design custom HTML artifacts for a product launch?▼

To design custom HTML artifacts, provide clear user requirements to generate personalized landing pages, prototypes, and decks utilizing HTML, CSS, and JavaScript for visual interactivity and professional results.

What is the best way to create interactive HTML prototypes?▼

Creating interactive HTML prototypes involves utilizing HTML, CSS, and JavaScript alongside expert design processes and best practices to ensure professional taste, proper layout, and interactivity for one-off artifacts.

Does this HTML artifact generator work for CLI and API agents?▼

Yes, this HTML artifact generator is specifically designed for CLI and API agents, streamlining the design process to output custom landing pages, prototypes, and decks based on provided user requirements.

Can I generate a custom landing page using HTML CSS and JavaScript?▼

Yes, you can generate a custom landing page by applying expert design principles and user requirements to produce a personalized HTML artifact with appropriate layout, colors, and typography.

What do I need to create HTML decks and prototypes?▼

Creating HTML decks and prototypes requires a clear understanding of design principles and specific user requirements to successfully guide the generation of visual design and interactivity using HTML, CSS, and JavaScript.

Related Skills

Explore More Design & Creative Skills→
nyxoraAInyxoraAI
5

claude-design

Generate HTML design artifacts from UX/UI design briefs.

Community
Advanced
billh93billh93

frontend-design

Generate production-grade frontend interfaces from user requirements.

Community
Advanced
JZKK720JZKK720

redesign-existing-projects

Audit and redesign existing websites and applications while maintaining functionality.

Community
Advanced
zunyiqingfeng-codezunyiqingfeng-code
2

web-design-engineer

Create HTML/CSS/JavaScript/React web artifacts with design-system coherence.

Community
Advanced