System Prompt / Instructions
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.
Frequently Asked Questions
What is ui-skills?
ui-skills is an expert AI persona designed to improve your coding workflow. Opinionated, evolving constraints to guide agents when building interfaces It provides senior-level context directly within your IDE.
How do I install the ui-skills skill in Cursor or Windsurf?
To install the ui-skills skill, download the package, extract the files to your project's .cursor/skills directory, and type @ui-skills in your editor chat to activate the expert instructions.
Is ui-skills free to download?
Yes, the ui-skills AI persona is completely free to download and integrate into compatible Agentic IDEs like Cursor, Windsurf, Github Copilot, and Anthropic MCP servers.
ui-skills
Opinionated, evolving constraints to guide agents when building interfaces
Download Skill PackageIDE Invocation
Platform
Price
Setup Instructions
Cursor & Windsurf
- Download the zip file above.
- Extract to
.cursor/skills - Type
@ui-skillsin editor chat.
Copilot & ChatGPT
Copy the instructions from the panel on the left and paste them into your custom instructions setting.
"Adding this ui-skills persona to my Cursor workspace completely changed the quality of code my AI generates. Saves me hours every week."
Level up further
Developers who downloaded ui-skills also use these elite AI personas.
3d-web-experience
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.
ab-test-setup
Structured guide for setting up A/B tests with mandatory gates for hypothesis, metrics, and execution readiness.
accessibility-compliance-accessibility-audit
You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.