ui-skills
nexu-io/open-design
Opinionated UI constraints to keep agent-generated interfaces coherent and consistent.
What is ui-skills?
A curated design-system skill that provides evolving constraints for building user interfaces. Use it when you need to maintain visual and interaction coherence across multiple UI components generated by an agent.
- Provides opinionated constraints for interface design
- Guides agents to produce coherent UI output across components
- Helps maintain consistency in small UI pieces
- Offers design-system rules for interface building
- Supports discovery via trigger phrases in agent planning
How to install ui-skills
npx skills add https://github.com/nexu-io/open-design --skill ui-skills- Node.js and npm installed
- Access to the upstream repository at https://github.com/ibelick/ui-skills
How to use ui-skills
- 1.Run `npx skills add https://github.com/nexu-io/open-design --skill ui-skills` to install the skill
- 2.Ask your agent to invoke the skill by name (`ui-skills`) or use one of the trigger phrases: 'ui constraints', 'ui guide', 'opinionated ui', or 'ui rules'
- 3.Review the upstream README at https://github.com/ibelick/ui-skills for detailed assets and references
- 4.The agent will apply the constraints when building interfaces
Use cases
- Generating multiple related UI components with consistent styling
- Maintaining design coherence when an agent builds interfaces incrementally
- Ensuring interface output follows a unified design language
- Building component libraries with consistent patterns
- Keeping UI output aligned across different agent sessions
- Developers building agent-assisted UI systems
- Design system maintainers
- Teams generating multiple UI components programmatically
- Agents tasked with interface creation
ui-skills FAQ
The skill itself is a catalogue entry that advertises design-system constraints. Inspect the upstream repository at https://github.com/ibelick/ui-skills for the specific rules and constraints.
The skill is discoverable during agent planning via the trigger phrases listed in the frontmatter: 'ui constraints', 'ui guide', 'opinionated ui', and 'ui rules'.
The skill is curated from an upstream source. Refer to the upstream repository for customization options and how to adapt the constraints for your use case.
This skill is categorized as a design-system in the OpenDesign mode, making it suitable for agents building interfaces with consistent design patterns.
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 constraints"
- "ui guide"
- "opinionated ui"
- "ui rules" od: mode: design-system category: design-systems upstream: "https://github.com/ibelick/ui-skills"
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 OpenDesign 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.
Related skills
More from nexu-io/open-design and the wider catalog.
ui-ux-pro-max
Catalog entry for UI/UX Pro Max design patterns and templates (full workflow requires upstream installation)
venice-audio-music
Music generation queueing and retrieval via Venice.ai for jingles, loops, and prototype scoring.
venice-audio-speech
Text-to-speech via Venice.ai with multiple voices, formats, and streaming support.
venice-image-edit
Image edits, upscaling, and background removal via Venice.ai API
venice-image-generate
Generate images via Venice.ai API with curated styles and endpoints.
venice-video
Generate and transcribe videos via the Venice.ai API.