Ui Skills
- 1.9k installs
- 82k repo stars
- Updated July 28, 2026
- nexu-io/open-design
The ui-skills open-design skill provides evolving constraints guiding agents when building interface fragments so combined pages stay visually coherent.
About
The ui-skills open-design skill provides evolving constraints guiding agents when building interface fragments so combined pages stay visually coherent. It covers spacing scales, component repetition, hierarchy, and anti-patterns for inconsistent micro-UI. Agents load constraints before generating multiple UI sections in one feature. Use when building many small UI pieces that must feel like one system. Opinionated constraints for agent-built interfaces. Keeps multi-piece UI visually coherent. Spacing, hierarchy, and component repetition rules. Evolving constraint set from open-design. Anti-patterns for inconsistent micro-UI. Apply opinionated UI constraints so agents keep interface output coherent across many small pieces.
- Opinionated constraints for agent-built interfaces.
- Keeps multi-piece UI visually coherent.
- Spacing, hierarchy, and component repetition rules.
- Evolving constraint set from open-design.
- Anti-patterns for inconsistent micro-UI.
Ui Skills by the numbers
- 1,865 all-time installs (skills.sh)
- +138 installs in the week ending Jul 28, 2026 (Skillselion tracking)
- Ranked #142 of 1,896 Design & UI/UX skills by installs in the Skillselion catalog
- Security screen: LOW risk (skills.sh audit)
- Data as of Jul 28, 2026 (Skillselion catalog sync)
ui-skills capabilities & compatibility
- Capabilities
- opinionated constraints for agent built interfac · keeps multi piece ui visually coherent. · spacing, hierarchy, and component repetition rul · evolving constraint set from open design.
- Use cases
- ui design · frontend
What ui-skills says it does
Opinionated, evolving constraints to guide agents when building interfaces.
npx skills add https://github.com/nexu-io/open-design --skill ui-skillsAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1.9k |
|---|---|
| repo stars | ★ 82k |
| Security audit | 3 / 3 scanners passed |
| Last updated | July 28, 2026 |
| Repository | nexu-io/open-design ↗ |
How do I apply ui-skills for the workflow described in SKILL.md?
Apply opinionated UI constraints so agents keep interface output coherent across many small pieces.
Who is it for?
Teams using ui-skills as documented in the skill repository.
Skip if: Tasks outside the ui-skills scope defined in SKILL.md.
When should I use this skill?
User mentions ui-skills or related skill triggers from the description.
What you get
Structured deliverables and steps from the ui-skills skill workflow.
- constraint-guided UI components
Files
ui-skills
Curated from @ibelick.
What it does
Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.
Source
- Upstream: https://github.com/ibelick/ui-skills
- Category:
design-systems
How to use
This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/ibelick/ui-skillsThen ask the agent to invoke this skill by name (ui-skills) or with one of the trigger phrases listed in this skill's frontmatter.
Related skills
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.698k164k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.486k29.4k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst382k15.8k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k470
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.284k66.9k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.282k109kHow it compares
Choose ui-skills over brand-guidelines when the goal is persistent layout and component coherence rules rather than applying a specific corporate color and font palette.
FAQ
What does ui-skills do?
Apply opinionated UI constraints so agents keep interface output coherent across many small pieces.
When should I invoke ui-skills?
Use when you need Apply opinionated UI constraints so agents keep interface output coherent across many small pieces.
What outcome does ui-skills produce?
The ui-skills open-design skill provides evolving constraints guiding agents when building interface fragments so combined pages stay visually coherent.
Is Ui Skills safe to install?
skills.sh reports 3 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.