Tools/Claude (Design)
Claude (Design)

Claude (Design) Prompts

Use Claude to generate UI components, design systems, UX copy, and product specs — all as ready-to-use artifacts.

5 prompts

UI Component from Description

Generate a polished, self-contained UI component as clean HTML/CSS.

UIcomponent

Design System Tokens

Define a complete, consistent design system in CSS variables and documentation.

design systemCSS

UX Copy & Microcopy

Write all UI text for a feature — buttons, labels, errors, empty states, tooltips.

UX copymicrocopy

Wireframe to Product Spec

Turn a rough wireframe description into a detailed engineering-ready feature spec.

specproduct

Landing Page Structure

Plan a high-converting landing page section by section with full copy.

landing pagecopywriting