ui-skills – Design & UI skill for AI agents
Opinionated, evolving constraints to guide agents when building interfaces
Install the ui-skills skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/ui-skills-05335.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /ui-skills – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/ui-skills-05335.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $ui-skills – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/ui-skills-05335.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /ui-skills – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/ui-skills-05335.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /ui-skills – then describe the task you want done.
SKILL.md content
Ui Skills
Overview
Opinionated, evolving constraints to guide agents when building interfaces
When to Use This Skill
Use this skill when you need to work with opinionated, evolving constraints to guide agents when building interfaces.
Procedure
This entrypoint links to an external UI guidance collection; it does not contain the complete upstream rules. Inspect the requested interface, existing design system, target devices and accessibility requirements. Select the relevant installed procedure or read the complete chosen upstream guide before applying it. Report observed layout, interaction and accessibility problems with locations and suggested corrections. Preserve the project design language and verify changes with the actual renderer and project checks. Do not claim an unavailable guide or visual inspection ran.
Source: [UI Skills](https://github.com/ibelick/ui-skills).
Example
User request:
> Review this interface with @ui-skills, identify the highest-impact design problems, and propose an implementation-ready improvement.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Related skills
- ui-skills-root – Use before UI-related work to select the smallest useful UI Skills context through the…
- ui-states – Design and build the UI states agents forget: first use, empty, loading, error, offline…
- ui-tokens – View, add, or modify design tokens in the StyleSeed design system
- ui-update – Update StyleSeed engine in your project — analyzes what's outdated and updates safely
- ui-ux-designer – Create interface designs, wireframes, and design systems. Masters user research…
- ui-ux-pro-max – Comprehensive design guide for web and mobile applications. Use when designing new UI…
- ui-visual-validator – Rigorous visual validation expert specializing in UI testing, design system compliance…
- uiverify-triage-visual-changes – Triage a UI Verify visual regression build from your coding agent over MCP: sort changed…