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

X postAdham DannawayResource

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.

Key points

  1. Features ten dedicated modules spanning UX research, design critique, journey mapping, design systems, interaction design, and UX writing.
  2. The accessibility audit skill covers five inspection layers against WCAG 2.2 (A, AA, AAA) and generates code-level remediation advice.
  3. The design elevation module builds on Tailwind CSS as a canonical token system alongside Edward Tufte's data visualization principles.
  4. Each skill is structured into standalone SKILL.md guides, reference documents, deliverable templates, and end-to-end examples.
  5. Available for over 40 agents via the npx skills add CLI command or directly as a Claude Code plugin.

Why it matters

While AI coding agents generate functional interface code quickly, they often lack nuanced design judgement. Providing agents with validated heuristics and design system rules helps engineering teams maintain higher visual quality and accessibility standards without manual prompting from scratch.

Analysis

Carlos Cuéllar's project addresses a persistent issue with AI-generated software: visually generic and structurally weak interfaces. By codifying 27 design books, 12 frameworks, and 7 formal standards into structured Markdown files, the project converts abstract design knowledge into actionable constraints that LLM-based coding agents can reliably parse and execute.

Original post

Adham Dannaway

@AdhamDannaway · 28 September 2026

🔵 Design Skills for AI Agents Give your AI coding tool real design knowledge. Heuristics, research methods, systems thinking, and real frameworks — for Claude Code, Cursor, Codex, and 40+ other agents. → t.co/OkAwDJiOyR By Carlos Cuéllar t.co/kW6nqbN3Pz

63 likes2 replies100 bookmarks5.2k views

View on X
Selected replies (2)
  • @IAmMujtabaZaidi @AdhamDannaway Tried feeding Cursor design heuristics but it still spits out overengineered flows that ignore real build constraints. How do you handle edge cases where agents need to validate against actual user data instead of just frameworks.
  • @An_yhl @AdhamDannaway 给 coding agent 补点设计脑子，挺实用的

Mentioned links

Links and tools from this entry

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

Related entries

Similar in content, found by the AI search.

  • Link:cuellarfr

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

    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.

    AI & LLMs· Resource

  • 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: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

  • X post:Kiyotaka

    Top 5 UI Skills for Design Engineers Using AI Agents

    Kiyotaka (@SubhanHQ) highlights five curated skill rulebooks designed to enhance how AI coding agents handle UI craft, animation, accessibility, and visual polish.

    986bookmarks39.5kviews

    AI & LLMs· Resource

  • X post:Adham Dannaway

    UX Copywriting Agent Skill for Claude, Codex, and Cursor

    Adham Dannaway highlights an agent skill created by Christopher Greer for Claude, Codex, and Cursor that assists content designers and product teams in drafting accessible, research-backed interface copy.

    225bookmarks7kviews

    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

Back to the knowledge base

Let's talk about your project

Get in touch

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.