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.