Design Skills: Curated UI and UX Skills for AI Coding Agents

LinkcuellarfrResource

cuellarfr/design-skills provides ten structured skill packages for developer agents including Claude Code, Cursor, Codex, and OpenCode. The library covers areas ranging from UX research and accessibility to design systems and UX writing.

Key points

  1. Includes ten skill modules: UX Research, Design Critique, Accessibility Audit, Journey Mapping, Design Systems, UX Strategy, Interaction Design, Design Ops & Handoff, UX Writing, and Design Elevation.
  2. Compatible with Claude Code, Cursor, Codex, OpenCode, and over 40 other agents via npx skills add or direct Claude Code plugin installation.
  3. Structured uniformly using standalone SKILL.md files, deep references, fillable templates, and practical walkthroughs.
  4. Grounded in standards such as WCAG 2.2 (A, AA, AAA levels), Atomic Design, W3C design tokens, and Tailwind CSS.
  5. Draws on 27 books, 12 frameworks, and 7 standards, offering actionable rubrics and before/after scoring rather than vague advice.

Why it matters

AI coding assistants frequently produce functional code that lacks visual refinement, accessible markup, or cohesive interaction design. Embedding structured design guidelines into agent workflows ensures consistent evaluation and higher product quality across automated tasks.

Analysis

The project addresses the gap between raw code generation and product craft. Instead of high-level guidance, each module provides exact rubrics, such as 9-step critique frameworks, 5-layer accessibility audits, or microinteraction specs. Because skills use a hierarchical directory layout, AI agents can read core instructions first and retrieve specific reference files or templates only when required.

Found in

Summary generated by AI (Gemini 3.8 Flash, 29 September 2026). It may contain errors – the original source is authoritative.

Similar in content, found by the AI search.

  • X post:Adham Dannaway

    Design Skills for AI Agents: Equipping Coding Agents with UX and UI Knowledge

    Adham Dannaway highlights 'Design Skills for AI Agents', an open collection developed by Carlos Cuéllar. The repository provides structured design heuristics, WCAG 2.2 accessibility rules, and design system frameworks for tools such as Claude Code, Cursor, and Codex.

    100bookmarks5.2kviews

    AI & LLMs· Resource

  • Repository:jakubkrehel/skills

    jakubkrehel/skills: Agent Skills for UI and Design Engineering

    jakubkrehel/skills is a curated collection of agent skills designed to equip AI assistants such as Claude Code with best practices for interface design, typography, accessibility, and UI engineering.

    5.8kstarsMarkdown

    AI & LLMs· Tool

  • Link:Jakub Krehel

    Skills: Agent-Based UI and UX Optimisation Toolkit

    Jakub Krehel introduces a collection of agent skills designed to help developers refine user interfaces across typography, OKLCH colours, accessibility, layout, and UX writing.

    AI & LLMs· Tool

  • X post:Adham Dannaway

    Agent Design Skills: UI Polish and Accessibility for AI Agents

    Designer Adham Dannaway highlights a curated set of agent design skills created by Jakub Krehel. The collection equips AI agents with specific domain knowledge covering UI polish, typography, OKLCH colours, accessibility, layout, and UX copy.

    492bookmarks28.6kviews

    AI & LLMs· Resource

  • Repository:elayadesign/ai-design-skills

    ai-design-skills: Markdown-based Design Skills for AI Coding Tools

    The elayadesign/ai-design-skills repository provides modular Markdown rule sets for AI coding assistants. These skills can be integrated into tools such as Claude Code, Cursor, and Windsurf to produce structured landing pages and consistent UI systems.

    2kstars

    AI & LLMs· Resource

  • Link:Impeccable AI

    Impeccable: Design Vocabulary and Anti-Slop System for Coding Agents

    Impeccable is a design skill and plugin for AI coding agents such as Claude and Cursor. It provides models with a shared design vocabulary, detects common AI visual defaults, and integrates existing design systems directly into code.

    AI & LLMs· Tool

Let's talk about your project

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.