skills.rest
guideops
guideopsCOMMUNITY
Explore all skills by this author →
GitHub

sleek

Generate modern minimalist design system guidelines with color tokens and typography scale.

Updated Jun 23, 2026
Search Tags:#typography#ui/ux#color palette#design-system#minimalist design
One-click install
npx skills add https://github.com/guideops/agentic-shared --skill sleek-guideops
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sleek
Source: https://github.com/guideops/agentic-shared/tree/main/skills/awesome-design-skills/styles/sleek
Command: npx skills add https://github.com/guideops/agentic-shared --skill sleek-guideops

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide to creating design-system guidelines for a sleek UI/UX, simplifying the implementation and ensuring consistency across all components.

Core Features & Use Cases

  • Modern Design Guidelines: Offers foundational elements such as typography, color palette, spacing, and rounding to build a sleek and minimalist design.
  • Visual and Typographic Styles: Includes detailed descriptions of the visual style and typography scale to create a cohesive look and feel.
  • Color Palette: Defines a range of colors with tokens that can be applied to various UI elements.
  • Use Case: Imagine you are starting a new project and want to ensure that the UI/UX follows a modern, minimalist design philosophy. This Skill can be used to establish a clear and consistent style guide.

Quick Start

Activate the sleek design system skill and apply it to your UI/UX project for modern, minimalist guidelines.

Frequently Asked Questions about sleek

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

FAQPage Schema
What is a minimalist design system and how does it ensure UI consistency?▼

A minimalist design system ensures UI consistency by defining foundational elements such as color tokens, typography scales, spacing, and clean lines to create a cohesive visual style across modern UI/UX components.

How do I create a typography scale for a modern UI/UX project?▼

You create a typography scale for modern UI/UX projects by applying design-system guidelines that define detailed visual and typographic styles, ensuring a cohesive look and feel across all interface elements.

Can I use these design system guidelines for an existing UI/UX project?▼

Yes, you can use these design system guidelines for an existing UI/UX project to establish a clear, consistent style guide, applying foundational elements like color palettes and spacing to ensure a minimalist aesthetic.

What's the best way to define color tokens for a minimalist design?▼

The best way to define color tokens for minimalist design is to use a predefined color palette that categorizes a range of colors, which can then be directly applied to various UI elements for visual consistency.

What are the limitations of applying a minimalist design system to complex interfaces?▼

A limitation of applying a minimalist design system to complex interfaces is that its strict emphasis on clean lines, spacing, and foundational color tokens may require careful balancing to avoid oversimplifying dense data or functionality.

Related Skills

Explore More Design & Creative Skills→
ShubhamX-AIShubhamX-AI

ui-ux-premium

Apply premium UI/UX guidelines to existing components and pages.

Community
Intermediate
ArogyaReddyArogyaReddy

visual-design-foundations

Define typography, color, spacing, and iconography design tokens for web and mobile UI.

Community
Advanced
ChapmanRichardChapmanRichard

asl-general-ui-component-reuse-rust-red

Enforce Rust-Red design tokens and component reuse from src/components/ui.

Community
Intermediate
PriyanshKuniyalPriyanshKuniyal

visual-design-foundations

Generate modular typography scales and 8-point grid spacing systems.

Community
Intermediate