Skills: Agent-Based UI and UX Optimisation Toolkit

LinkJakub KrehelTool

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

Key points

  1. The collection can be installed via 'npx skills add jakubkrehel/skills'.
  2. /better-ui refines concentric border radii, optical alignment, hit areas, and visual depth.
  3. /better-colors assists in migrating to OKLCH, contrast checks, gamut clamping, and fallbacks.
  4. /better-accessibility checks keyboard navigation, focus states, ARIA roles, and screen reader support.
  5. /better-typography handles type scaling, spacing, variable fonts, and truncation.
  6. /better-writing improves microcopy, error messages, empty states, and onboarding flows.

Why it matters

AI coding agents frequently produce functionally correct interfaces that fall short on micro-interactions, accessibility, and visual polish. Modular agent skills standardise design reviews and inject specialized UX domain knowledge directly into development workflows.

Analysis

Krehel's toolkit breaks down frontend quality into focused skill domains. Rather than relying on generic design feedback, commands like /better-colors target modern CSS features like OKLCH, while /better-writing replaces technical system dialogs with user-friendly copy. Testing utilities like /break provide systematic edge-case validation for design system components.

Mentioned links

Found in

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.

  • 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

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

  • Link:Tailwind Labs

    ui.sh: AI Agent Skills for Interface Builders

    The creators of Tailwind CSS and Refactoring UI have introduced ui.sh, a collection of task-oriented prompts and workflows designed to help AI agents build high-quality user interfaces.

    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.