claude-design

Generate HTML design artifacts from UX/UI design briefs.

5|2|Updated May 26, 2026

Search Tags:#prototyping #web design #landing pages #UX/UI #HTML design

Ready to run

npx skills add https://github.com/nyxoraAI/Nyxora --skill claude-design-nyxoraai

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/nyxoraAI/Nyxora/tree/main/packages/core/playbooks/creative/claude-design
Command: npx skills add https://github.com/nyxoraAI/Nyxora --skill claude-design-nyxoraai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps solve the problem of creating one-off HTML artifacts such as landing pages, prototypes, and decks, focusing on UX/UI design principles.

Core Features & Use Cases

Design Artifacts: Generate HTML artifacts like landing pages, prototypes, and decks.
UX/UI Focus: Emphasizes user experience and interface design best practices.
Use Case: For example, a user can request a landing page design with specific features, and the Skill will produce an HTML file that aligns with the design brief.

Quick Start

Design a landing page for a new web application named "MyApp".

Frequently Asked Questions about claude-design

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

FAQPage Schema

How do I generate an HTML landing page from a design brief?▼

To generate an HTML landing page, you provide a clear design brief with your specifications, and the Skill produces an HTML design artifact that aligns with those UX/UI requirements and interactive elements.

What is the best way to create HTML prototypes following UX/UI design principles?▼

The best way to create HTML prototypes with UX/UI principles is to submit a design brief specifying your interactive requirements, which generates a structured HTML artifact emphasizing user experience and interface best practices.

Can I use this to generate web design artifacts for interactive decks?▼

Yes, you can generate web design artifacts for interactive decks by providing brief specifications, which the tool uses to produce HTML files focused on user experience and interface design.

Do I need to provide detailed specifications to generate a landing page design?▼

Yes, you need to provide a clear design brief or detailed specifications so the generator can accurately produce an HTML landing page that aligns with your specific UX/UI requirements.

Why does my generated HTML design artifact need a design brief?▼

Your generated HTML design artifact needs a design brief because the tool requires clear specifications and brief requirements to accurately structure the landing page or prototype according to UX/UI principles.