Skills
.Work. You
Rest

t-ui-design

Community

Explore frontend UI directions after PRD check.

Design & Creative#frontend#iteration#ui-design#mockups#design-exploration#decision-board
Authortimzaak
Version1.0.0
Installs0

System Documentation

What problem does it solve?

After PRD check, teams often struggle to compare frontend UI directions and converge on a final design. This skill automates UI exploration by producing multiple HTML mockups, a design board, feedback history, and a final winner spec to enable auditable and repeatable UI decisions.

Core Features & Use Cases

  • Generate multiple standalone HTML mockups (variants) to compare UI directions without relying on design tools.
  • Produce a design board (board.html) that records decisions and links to the winner and UI spec.
  • Iterate on feedback to converge on a final winner with a published ui-spec for handoff.

Quick Start

Use the t-ui-design feature to generate UI exploration artifacts after PRD check.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: t-ui-design
Download link: https://github.com/timzaak/web-dev-skills/archive/main.zip#t-ui-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.