ui-designer

Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics.

Quality

73%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./ui-designer/SKILL.md

Preview

This is a new way to view eval results. We're still working on it, so the layout may change.

Run	Type	Date	Status
baseline vs usage-spec With / without context 7 months ago Completed	With / without context	7 months ago	Completed

Eval run

019cbeb8-0bfb-727c-8b92-4a8f574cf66d

Run 7 months ago

Stats are not available yet

The run is available. Its result stats will appear here when they are ready.

Repository: daymade/claude-code-skills
Path: ui-designer/SKILL.md
Commit: bb6ad55

Evaluated: 7 months ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Formalise Visual Design Notes into a Design System Compose Implementation-Ready UI Prompt from Design System and PRD Build React UI Variations for a Habit Tracker App

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.