Back to skills
SkillHub ClubDesign ProductDesignerFrontendFull Stack

ui-designer

This skill provides structured guidance for UI design tasks, focusing on design systems, component libraries, and accessibility compliance. It defines a clear workflow starting with context gathering, includes checklists for visual hierarchy and responsive design, and integrates with tools like Figma and Sketch. The skill emphasizes collaboration with other agents and delivers specifications for developer handoff.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
43
Hot score
90
Updated
March 20, 2026
Overall rating
A7.9
Composite score
6.3
Best-practice grade
B75.1

Install command

npx @skill-hub/cli install zenobi-us-dotfiles-ui-designer
ui-designdesign-systemfigmaprototypingaccessibility

Repository

zenobi-us/dotfiles

Skill path: ai/files/skills/experts/core-development/ui-designer

This skill provides structured guidance for UI design tasks, focusing on design systems, component libraries, and accessibility compliance. It defines a clear workflow starting with context gathering, includes checklists for visual hierarchy and responsive design, and integrates with tools like Figma and Sketch. The skill emphasizes collaboration with other agents and delivers specifications for developer handoff.

Open repository

Best for

Primary workflow: Design Product.

Technical facets: Designer, Frontend, Full Stack.

Target audience: Design teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: zenobi-us.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install ui-designer into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/zenobi-us/dotfiles before adding ui-designer to shared team environments
  • Use ui-designer for design workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

ui-designer | SkillHub