Ui Skills
A lightweight design system in skill form. Instead of letting Claude rebuild your button styles from scratch every time, this gives it a consistent set of UI opinions to follow across components. It's from @ibelick's repo and works by advertising itself during planning so the agent pulls in the constraints automatically when building interfaces. Most useful when you're generating lots of small UI pieces and want them to feel like they came from the same design language. Won't replace a full design system, but it's a practical middle ground between total freedom and heavy tooling.
- skills.sh installs
- 3.1K
- GitHub stars
- 106.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nexu-io/open-design --skill ui-skills --agent claude-codeInstalls into .claude/skills of the current project.
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 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.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/nexu-io/open-design
- Categories
- Frontend Development, Documentation, Design & UI/UX
- First seen
- Jun 3, 2026
More from nexu-io/open-design
All 217- Pptx3.1K
- Flutter Animating Apps3.1K
- Canvas Design3.1K
- Remotion3.1K
- Plan Design Review3K
- Pptx Generator3K
- Swiftui Design3K
- 8 Bit Orbit Video Template3K
- Shadcn Ui3K
- Gsap Core3K
- Slides3K
- Marketing Psychology3K
- Frontend Slides3K
- Web Artifacts Builder3K
- Agent Browser3K
- Design Consultation3K
- Gsap Scrolltrigger3K
- Nanobanana Ppt3K
- Frontend Dev3K
- Hand Drawn Diagrams3K
- Theme Factory3K
- Ad Creative2.9K
- Platform Design2.9K
- Fal Lip Sync2.9K
Recommended
More Frontend Development
frontend-devnexu-io/open-designFull-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.3Kskills.sh installs
react-vite-best-practicesasyrafhussin/agent-skillsReact and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite. Triggers on tasks involving Vit3Kskills.sh installs
react-best-practicesmastra-ai/mastraReact performance optimization guidelines from Mastra Engineering. This skill should be used when writing, reviewing, or refactoring React code to ensure optima2.8Kskills.sh installsdesign-taste-frontendnexu-io/open-designAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that d2.8Kskills.sh installs
responsive-designowl-listener/designer-skillsDesign adaptive layouts and interactions that work across all screen sizes and input methods.2.5Kskills.sh installs