jakubkrehel/skills: Agent Skills for UI and Design Engineering

Repositoryjakubkrehel/skillsTool

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.

Key points

  1. Modular skills cover foundational disciplines, including UI (better-ui), typography (better-typography), color systems (better-colors), accessibility (better-accessibility), layout, and product copy.
  2. Comprehensive review tools like better-interface and interface-review run multi-category audits across the codebase.
  3. Interactive agent actions enable analyzing existing web components (explain-interface), generating component alternatives (variant), and stress-testing edge states (break).
  4. Easily integrated into local development environments using 'npx skills add' or as a Claude Code marketplace plugin.

Why it matters

AI coding assistants frequently output structurally sound code that lacks visual polish, proper typographic hierarchies, and accessibility standards. This repository codifies interface engineering heuristics into actionable agent rules.

Analysis

Targeted at frontend developers and design engineers, the repository uses standardized Markdown-based agent skill definitions compatible with tools like Claude Code and skills.sh. Backed by more than 5,700 GitHub stars and an MIT licence, it represents an established, practical toolkit for improving the design quality of AI-generated user interfaces.

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.

  • 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

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

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.