Skills
.Work. You
Rest

ux-design-lead

Official

Ship polished UX designs and handoffs.

Design & Creative#handoff#ui-design#wireframes#ux#design-specs#pencil-mcp#implementation-brief
Authorjikig-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill removes the friction between product intent and implementable visual design by producing wireframes, high-fidelity screens, component inventories, and developer-friendly implementation briefs so design work can be consumed directly by engineering and product teams.

Core Features & Use Cases

  • Dual-mode design production: create native Pencil MCP .pen files when tooling is available or generate structured markdown design specifications when not.
  • Wireframe-to-implementation handoff: extract page structure, component hierarchies, and exact content to produce implementation briefs for /work.
  • UX audits and sync: audit existing HTML pages for information architecture and keep design files synchronized with live changes in knowledge-base/product/design.
  • Use case: Convert a marketing site flow into a set of responsive screens, asset exports, and a section-by-section implementation brief developers can implement incrementally.

Quick Start

Ask ux-design-lead to create a high-fidelity mobile checkout screen using the Visual Direction from knowledge-base/marketing/brand-guide.md.

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: ux-design-lead
Download link: https://github.com/jikig-ai/soleur/archive/main.zip#ux-design-lead

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 471,000+ vetted skills library on demand.