sleek

Enforce minimalist design-system specs with WCAG 2.2 AA accessibility rules.

2.3k|211|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/bergside/awesome-design-skills --skill sleek-bergside
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sleek
Source: https://github.com/bergside/awesome-design-skills/tree/main/skills/sleek
Command: npx skills add https://github.com/bergside/awesome-design-skills --skill sleek-bergside

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Sleek helps teams translate a minimalist design direction into consistent, accessible UI guidance that engineers can implement reliably.

Core Features & Use Cases

  • Minimalist visual system: Defines typography (Inter + JetBrains Mono), an 8pt baseline grid spacing rhythm, and a focused color palette for predictable styling.
  • Accessibility-first rules: Enforces WCAG 2.2 AA and keyboard-first interaction with visible focus states and testable acceptance criteria.
  • Implementation-ready component guidance: Provides do/don’t rules, explicit interaction states, and QA checklists to reduce inconsistent UI behavior.
  • Use case: When building a new product interface (dashboard + forms + navigation), use these rules to ensure buttons/inputs/cards share the same token-driven spacing, typography, and state behavior.

Quick Start

Ask your agent to generate a complete component guideline set (tokens, component anatomy, required states, and a QA checklist) using the Sleek typography, color, spacing, and WCAG 2.2 AA constraints.

Frequently Asked Questions about sleek

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a minimalist UI design system that meets WCAG 2.2 AA accessibility standards?▼

To build a minimalist UI design system meeting WCAG 2.2 AA, enforce token-first rules for typography and colors, use an 8pt baseline grid, and ensure keyboard-first interactions with visible focus states and testable acceptance criteria.

What is the best way to generate consistent component states for accessible product interfaces?▼

The best way to generate consistent component states for accessible product interfaces is applying a minimalist design-system spec with explicit do/don't rules, keyboard-first accessibility constraints, and QA checklists to reduce inconsistent UI behavior.

How do I enforce design tokens for typography and spacing across UI components?▼

Enforce design tokens for typography and spacing by defining a minimalist visual system using Inter and JetBrains Mono fonts, an 8pt baseline grid spacing rhythm, and a focused color palette for predictable styling across all components.

Does this minimalist design approach work for building complex forms and navigation dashboards?▼

Yes, this minimalist design approach works for building complex forms and navigation dashboards by providing implementation-ready component guidance with token-driven spacing, typography, and subtle interaction states across keyboard, pointer, and touch inputs.

Why does my minimalist UI fail keyboard accessibility and visible focus state requirements?▼

Your minimalist UI fails keyboard accessibility when it lacks WCAG 2.2 AA keyboard-first interaction rules and visible focus states. Applying testable quality gates and explicit interaction state definitions resolves these accessibility failures.

Can I use Sleek to generate a complete component guideline set with QA checklists?▼

Yes, you can use Sleek to generate a complete component guideline set including tokens, component anatomy, required states, and a QA checklist by applying its typography, color, spacing, and WCAG 2.2 AA constraints to your product interface.