ui-skills
Guides your agent in creating user interfaces. It sets rules to ensure interfaces are easy to use and visually pleasing.
What it does
This skill helps the AI build user interfaces (app or website screens) by following specific, evolving rules. It acts as a guide for the AI.
When to use it
- ✓When you want the AI to create an app screen following a specific style.
- ✓When asking the AI to improve the design of an existing interface.
- ✓To ensure the AI follows a set of rules when building visual elements.
Example of what to ask your AI
“Help me create the login screen for a music app, following the ui-skills guidelines.”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
The AI uses the instructions from this skill to understand the design rules you want to follow. It applies these rules to guide the creation or review of interfaces, ensuring the output aligns with your expectations.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add sickn33/agentic-awesome-skills --skill ui-skillsOr download just the file:
curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/ui-skills/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
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.
Instructions
This skill provides guidance and patterns for opinionated, evolving constraints to guide agents when building interfaces.
For more information, see the source repository.
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.
FAQ
What are 'constraints'?
These are rules or limits that the AI must follow when creating the interface, such as specific colors, button sizes, or the overall layout.
Why 'opinionated'?
It means the rules are not generic but based on specific design opinions or styles, guiding the AI in a more focused way.
What does 'evolving' mean?
The rules can change or be updated over time, allowing the guide to adapt to new trends or design needs.
Details
Original description by the author
Opinionated, evolving constraints to guide agents when building interfaces
Popularity
- GitHub stars
- 48k
- Ranking position
- #4432
- License
- MIT
- Updated
- 10/15/2026
Comments
- …
More skills from this repository
00-andruia-consultant
Helps your agent start or improve AI projects. It analyzes code, suggests tools, and creates action plans in Spanish.
sickn33/agentic-awesome-skills
007
Lets your agent perform security audits and threat modeling. It's useful for protecting projects against attacks and vulnerabilities.
sickn33/agentic-awesome-skills
10-andruia-skill-smith
Helps your agent create or improve AI tools. It defines how tools work, writes documentation, and validates the structure.
sickn33/agentic-awesome-skills
20-andruia-niche-intelligence
Lets your agent create a summary about a specific industry. It's useful for understanding the context, rules, usage patterns, and risks of a project, using reliable sources.
sickn33/agentic-awesome-skills
Similar skills
accessibility
Helps your agent create interfaces that everyone can use. Ensures websites and apps work well for people with disabilities, like those who are blind or have reduced mobility.
affaan-m/ECC
design-system
Helps your agent create a design system from existing code. It extracts visual information and checks for consistency, generating a report and an interactive preview.
affaan-m/ECC
liquid-glass-design
Helps your agent create iOS user interfaces with a 'Liquid Glass' effect. Allows adding dynamic and interactive visual effects in SwiftUI and UIKit.
affaan-m/ECC