PluginBench
Skill
Pass
Audit score 90

ui-skills

nexu-io/open-design

Opinionated UI constraints to keep agent-generated interfaces coherent across components.

What is ui-skills?

A curated set of evolving design constraints that guide agents when building user interfaces. Use this skill to maintain visual and interaction consistency across multiple UI pieces and components.

  • Provides opinionated constraints for interface design
  • Guides agents toward coherent UI output across components
  • Maintains consistency in small UI pieces
  • Offers evolving design rules and patterns
  • Helps standardize interface decisions

How to install ui-skills

npx skills add https://github.com/nexu-io/open-design --skill ui-skills
Prerequisites
  • Node.js and npm installed
  • Access to the upstream repository at https://github.com/ibelick/ui-skills
Claude Code
Cursor
Windsurf
Cline

How to use ui-skills

  1. 1.Install the skill using: npx skills add https://github.com/nexu-io/open-design --skill ui-skills
  2. 2.Ask your agent to invoke the skill by name (ui-skills) or use trigger phrases like 'ui constraints', 'ui guide', 'opinionated ui', or 'ui rules'
  3. 3.Review the upstream repository at https://github.com/ibelick/ui-skills for detailed assets and references
  4. 4.Apply the constraints when requesting UI generation from your agent

Use cases

Good for
  • Building multiple related UI components with consistent styling
  • Maintaining design coherence when an agent generates many interface pieces
  • Establishing shared design rules across a project
  • Guiding agent output toward a specific design aesthetic
  • Ensuring UI consistency in multi-component systems
Who it's for
  • UI/UX designers working with coding agents
  • Developers building design systems
  • Teams needing consistent interface generation
  • Projects with many small UI components

ui-skills FAQ

What triggers can I use to invoke this skill?

You can use: 'ui constraints', 'ui guide', 'opinionated ui', or 'ui rules' to trigger the skill.

Where is the original source for this skill?

The upstream source is at https://github.com/ibelick/ui-skills, curated from @ibelick.

How does this help with agent-generated UIs?

It provides opinionated design rules that guide agents to produce coherent, consistent output across multiple UI components rather than inconsistent one-offs.

Can I customize the constraints?

Check the upstream repository for customization options and how to adapt the constraints to your specific design system.

Full instructions (SKILL.md)

Source of truth, from nexu-io/open-design.


name: ui-skills description: | Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces. triggers:


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

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-skills

Then ask the agent to invoke this skill by name (ui-skills) or with one of the trigger phrases listed in this skill's frontmatter.