---
title: "labidesign-ui"
description: "Jakub Krehels Skills für Produkt-Interfaces, unverändert übernommen: Typografie, Farben, Layout, Barrierefreiheit, UI-Politur und Produkttexte, dazu Review, Erklärung, Stresstest und Varianten von Komponenten."
canonical: https://agentpluginsdirectory.com/plugins/labidesign-ui
last-updated: 2026-09-15
---

# labidesign-ui
Jakub Krehels Skills für Produkt-Interfaces, unverändert übernommen: Typografie, Farben, Layout, Barrierefreiheit, UI-Politur und Produkttexte, dazu Review, Erklärung, Stresstest und Varianten von Komponenten.
- Slug: labidesign-ui
- Publisher: Jakub Krehel
- Repository: https://github.com/Xuoon/skills
- Manifest: plugins/labidesign-ui/plugin.json
- Version: 1.0.0
- License: MIT
- Category (editorial): other
- Skills: 11 (better-accessibility, better-colors, better-interface, better-layout, better-typography, better-ui, better-writing, break, explain-interface, interface-review, variant)
- MCP servers: 0
- Stars: 0
- Repository created: 2026-06-10
- Repository last pushed: 2026-09-15
- Publisher type: User
- Listing: https://agentpluginsdirectory.com/plugins/labidesign-ui
- Schema: https://agent-plugins.org/schemas/1.0.0/plugin.schema.json

## Skills

- better-accessibility: Helps your project comply with accessibility standards and best practices.
- better-colors: Helps you build a color system and answer anything about color in your project. You can generate palettes, use semantic tokens, convert between formats, check contrast and more.
- better-interface: Combines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color and UI polish.
- better-layout: Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.
- better-typography: Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.
- better-ui: Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.
- better-writing: Focuses on improving product copy in your project.
- break: Renders a component you choose in every state and scenario on a temporary page and stress tests it.
- explain-interface: Helps you figure out how something was built on the web.
- interface-review: Reviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.
- variant: Builds multiple variants of a component you're working on and helps you iterate and pick one.

Descriptions come from the frontmatter of each SKILL.md, punctuation lightly normalized.