Jakub Krehel Releases Collection of Agent Skills for Interface Design and Engineering

A newly documented repository titled "jakubkrehel/skills" on GitHub provides a collection of agent skills designed to assist developers and designers in building user interfaces. According to the repository description, these capabilities draw from topics published on the creator's personal website and the design engineering magazine, Interfaces.

Developer Jakub Krehel published the collection to cover various aspects of interface creation, including UI polish, typography, color systems, accessibility, layout, and product writing. Users can review the project source repository directly on GitHub to verify the original announcement and explore implementation details.

Overview of Available Agent Skills

The repository outlines multiple specialized skills intended for different phases of interface development:

• better-interface: Evaluates screens, user flows, or entire interfaces across accessibility, layout, writing, typography, color, and UI polish, producing a single ranked report.
• better-ui: Focuses on polishing surfaces, icons, and motion by providing exact values for border radius, optical alignment, shadows, icon states, and animation.
• better-typography: Manages text rendering topics ranging from type scale and spacing to font features, wrapping, truncation, and punctuation.
• better-colors: Assists in building and checking color systems through palette generation, semantic token naming, format conversion, and contrast measurement.
• better-accessibility: Reviews and addresses keyboard and focus behavior, ARIA attributes, accessible names, forms, screen-reader announcements, motion, and zoom against WCAG 2.2 standards.
• better-layout: Configures grouping, alignment, reading order, responsive structure, and space allocation for translated text to ensure layouts withstand resizing, translation, or mirroring.
• better-writing: Creates and reviews interface copy—such as labels, errors, empty states, and confirmations—matching product voice and guiding user actions.

User-Invoked and Autonomous Capabilities

Several tools within the collection require user invocation or operate autonomously during development workflows:

• interface-review: Evaluates a code branch, pull request, or uncommitted change for interface problems introduced or regressed across multiple design dimensions.
• explain-interface: Explains the construction of a website, visual effect, or animation using a live URL or screenshot.
• break: Renders a selected component under various scenarios on a temporary page for stress testing.
• build-design: Constructs user interfaces from Figma files or design images, utilizing existing project tokens and components.
• teardown: Generates technical illustrations of objects with configuration and coloring options for download as SVG, PNG, or PDF formats.
• state-machine: Renders every state of a chosen component on a throwaway page equipped with mock data and a switcher.
• variant: Builds multiple component variants to aid iteration and selection.
• afk: Operates on a project during user absence to identify improvements, build top ideas on a local branch, and generate a summary report.

Practical implications include streamlined interface auditing and automated design consistency checks. Readers should consult the official GitHub repository for rights, licensing, and usage guidelines before incorporating these tools into production environments.