Menu
Create high-fidelity UI mockups in HTML/CSS — dashboards, mobile screens, landing pages, and component previews.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Design and analyze A/B tests — sample sizes, significance testing, multiple comparisons, and results interpretation.
Audit and fix accessibility issues — WCAG 2.2 compliance, ARIA labels, color contrast, keyboard navigation, and screen-reader compatibility.
Track and manage action items — owners, deadlines, status updates, and escalation workflows.
Design alert configurations — thresholds, severity levels, routing, de-duplication, and escalation policies.
Generate creative algorithmic and generative art using code — fractals, parametric patterns, noise fields, and procedural imagery.
Develop Angular components — services, pipes, directives, reactive forms, RxJS, and Angular Material.
| name | ui-mockup |
| display_name | UI Mockup |
| description | Create high-fidelity UI mockups in HTML/CSS — dashboards, mobile screens, landing pages, and component previews. |
| category | Creative & Design |
| platforms | ["claude.ai","api"] |
| version | 1.0.0 |
| author | Claude Code |
| tags | ["ui-mockup"] |
Create high-fidelity UI mockups in HTML/CSS — dashboards, mobile screens, landing pages, and component previews.
Use UI Mockup when you need to:
When this skill is active, Claude will:
User: Help me get started with ui mockup.
Claude: I'll walk you through the essential steps for ui mockup in your context...
User: I need a production-ready ui mockup setup with full error handling.
Claude: Here's a complete, production-hardened ui mockup implementation...
Required: html, css
Available on: claude.ai, api
Part of the claude-skills collection — 183+ skills for Claude.
