Agent Design Skills: UI Polish and Accessibility for AI Agents

X postAdham DannawayResource

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.

Key points

  1. Installed via 'npx skills add jakubkrehel/skills'.
  2. /better-ui and /better-typography address visual details including optical alignment, concentric border radii, variable fonts, and text truncation.
  3. /better-colors assists with OKLCH adoption, colour palette generation, contrast checks, and gamut clamping.
  4. /better-accessibility focuses on keyboard navigation, focus indicators, ARIA attributes, forms, and touch targets.
  5. /better-writing polishes product microcopy, including empty states, button labels, error handling, and onboarding flows.
  6. Specialised utility skills like /break and /variant stress-test components across scenarios and quickly produce visual iterations.

Why it matters

Standard generative AI tools frequently produce functionally working UI code that lacks aesthetic finesse, accessible markup, and cohesive product copy. Dedicated agent skill sets help codify professional design standards directly into AI-driven frontend workflows.

Analysis

Jakub Krehel's skill pack targets common blind spots in agent-generated interfaces. General-purpose AI models often produce generic styles and miss subtle nuances such as optical margins, accessible focus management, or clear error messages. Providing agents with targeted commands like /interface-review and stress-testing via /break acts as a practical design-system linter during AI-assisted development.

Original post

Adham Dannaway

@AdhamDannaway · 5 September 2026

🦾 A collection of agent design skills that help with animation, UI polish, accessibility and product writing. → t.co/WqxrypH0G2 By Jakub Krehel t.co/VWU4sNgem6

373 likes2 replies492 bookmarks28.6k views

View on X
Selected replies (2)
  • @OlgaRotenberg @AdhamDannaway Those agent design skills are basically a tiny UI-polish gym for AI. Curating animation, accessibility, and product writing fits your Practical UI eye nicely. I’d rather show in DM; follow back if open, since X requires it, with examples and a quote for adhamdannaway . com
  • @Marwan_3atef @AdhamDannaway agent design skills for animation, a11y, and product writing is the pack I keep wishing default agent kits shipped with. bookmarked.

Mentioned links

Links and tools from this entry

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

Related entries

Similar in content, found by the AI search.

  • 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

    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

  • 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

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

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.