xiry.

Development · Website

UI Skills

Curated design-engineering skills and constraints for coding agents

From the Xiry library · Updated 10 October 2026

Visit ui-skills.com ↗

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.

What it's 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
Topic
AI Coding Prompts
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: Opinionated constraints to give coding agents so they build better interfaces — rules can be copied into agent prompts.

Related

All 7 in AI Coding Prompts →

Updated