Jakub Krehel publishes agent skills for interface work, covering Figma-to-code UI builds that map values to a project's design tokens and components, color system generation and contrast checking in OKLCH, typography and text rendering, and layout structure for resizing, translation and mirroring. Several of his skills are designed to combine, with a Better Interface skill running the other review skills together and an Interface Review skill checking branches and pull requests for regressions across accessibility, layout, writing, typography, color and UI.
Skills
14 skills · 11,245 stars · MIT
Better Accessibility Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader annou…
Better Colors Helps you build and check a color system for your project.
Better Interface Combines all of the `better-*` skills into a single review across accessibility, layout, writing,…
Better Layout Helps with grouping, alignment, reading order, responsive structure and room for translated text,…
Better Typography Sets and reviews how text renders in your product, from the type scale and spacing to font featur…
Better Ui Polishes the surfaces, icons and motion in your project with exact values for border radius, opti…
Better Writing Writes and reviews your interface copy, from labels and errors to empty states and confirmations,…
Break Renders a component you choose under every scenario that can reach it on a temporary page and str…
Build UI from Figma designs and FigCraft files Turn a Figma design into code that matches it, using your project's own tokens and components.
Explain Interface Explains how a website, a visual effect or an animation was built, from a live URL or a screenshot.
Interface Review Reviews a branch, pull request or uncommitted change for the interface problems it introduced or…
State Machine Renders every state of a component you choose on a throwaway page, with mock data and a switcher,…
Technical Drawing Creates precise static technical drawings of physical objects, with coherent views and fine linew…
Variant Builds multiple variants of a component you're working on and helps you iterate and pick one.
Oklch Skill
1 skills · 280 stars · MIT
Oklch Skill OKLCH color space for web projects.