# UI Skills

> Curated design-engineering skills and constraints for coding agents

UI Skills is an open catalog of design-engineering rules, constraints, and audit skills created by Julien Thibeaut (@ibelick) and community contributors. It provides strict guidelines covering accessibility, motion, and frontend craft that can be supplied to AI coding assistants like Cursor, Claude, or Copilot to prevent generic or poorly structured UI code. The collection is accessible directly via web, an npx CLI, and a Model Context Protocol (MCP) server.

Website: https://ui-skills.com/

## What it is for

- Inject strict design and accessibility constraints into AI coding assistants like Cursor and Claude
- Audit existing frontend codebases for animation quality, UI polish, and accessibility bugs
- Standardize component primitives and CSS styling patterns across AI-assisted frontend teams

## Features

- Catalog of modular skills covering motion, accessibility, UI polish, and frontend architecture
- MCP server integration for agents like Claude, Cursor, and Copilot
- Terminal access via npx ui-skills CLI
- Design.md repository providing design system guidelines across known companies
- Playbook with bite-sized tips for responsive layouts, typography, and micro-interactions

## Pricing

Free to use

## Details

- Type: Website
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [AI Coding Prompts](https://xiry.app/topics/development/ai-coding-prompts.md)
- Open source: yes
- Platforms: Web, Command line
- For: Frontend engineers, design engineers, and developers building interfaces with AI coding agents.
- Tags: frontend, design engineering, cursor rules, mcp, tailwind, accessibility, agents

## Why it was saved

- [@colderoshay, 16 January 2026](https://x.com/colderoshay/status/2012202861883441597): Opinionated constraints to give coding agents so they build better interfaces — rules can be copied into agent prompts.

## Related

- [Taste Skill](https://xiry.app/resources/taste-skill): Portable agent skills that enforce design quality in AI-generated frontends (GitHub repo, Free)
- [andrej-karpathy-skills](https://xiry.app/resources/andrej-karpathy-skills): A CLAUDE.md template fixing common LLM coding pitfalls using four principles. (GitHub repo, Open source)
- [emilkowalski/skills](https://xiry.app/resources/emilkowalski-skills): AI agent skills for UI animation, design engineering, and interface polish (GitHub repo, Open source)
- [prepare-branch-context](https://xiry.app/resources/prepare-branch-context): Claude Code skill to ground the agent in the current branch diff (Prompt, Free)
- [Remotion Prompt Showcase](https://xiry.app/resources/remotion-prompt-showcase): Gallery of community prompts for generating Remotion videos with coding agents (Website, Free)
- [TAME Cursor Rules for Claude 3.7 Sonnet](https://xiry.app/resources/tame-cursor-rules-for-claude-3-7-sonnet): Cursor rules to keep Claude 3.7 Sonnet focused and non-destructive (Prompt, Free)

Updated 10 October 2026. Page: https://xiry.app/resources/ui-skills

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.