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

geometric

Implement geometric design systems with typography, color, and accessibility guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive guidance for implementing a geometric design system, offering structured design principles and typography scales.

Core Features & Use Cases

  • Design Intent: Create practical, implementation-ready guidelines for engineers and designers.
  • Style Foundations: Utilize geometric visuals, typography, color palettes, and spacing scales.
  • Accessibility: Follow WCAG 2.2 AA standards with keyboard-first interactions and visible focus states.
  • Writing Tone: Offer concise, confident, and helpful guidelines.
  • Expected Behavior: Prioritize accessibility and clarity over novelty, with concrete defaults and trade-offs explained.

Quick Start

Implement the geometric design system by following the provided guidelines and token definitions in the SKILL.md file.

Frequently Asked Questions about geometric

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

FAQPage Schema
How do I implement a geometric design system with structured typography and spacing scales?▼

To implement a geometric design system, follow the structured guidelines and token definitions in the SKILL.md file to establish clean typography, neutral color palettes, precise shapes, and intuitive layouts for your UI components.

What are the accessibility requirements for a geometric design system?▼

The geometric design system requires adherence to WCAG 2.2 AA standards, enforcing keyboard-first interactions and visible focus states to ensure all visual layouts and typography remain accessible to all users.

Does this geometric design system guidance include color palette and design token definitions?▼

Yes, the geometric design system guidance includes foundational constraints and design token definitions that specify neutral color palettes, typography scales, and spacing rules for engineers and designers.

Can I use this geometric design system to create implementation-ready guidelines for engineers?▼

Yes, you can use this geometric design system to create practical, implementation-ready guidelines that prioritize clarity over novelty, providing engineers with concrete defaults and explained trade-offs.

What is the expected writing tone for geometric design system documentation?▼

The expected writing tone for geometric design system documentation is concise, confident, and helpful, ensuring that accessibility requirements and foundational design constraints are communicated clearly.

Related Skills

Explore More Design & Creative Skills→
yonatangrossyonatangross
3

design-system-starter

Generate design tokens, atomic components, and documentation templates for UI systems.

Community
Advanced
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced
leboncoinleboncoin
92

check-accessibility

Automate WCAG 2.1 AA accessibility testing of Spark UI components with Playwright.

Official
Intermediate
ionmidoriionmidori

m3-expressive-chat-ui

Design chat message bubbles with asymmetric rounding and spring-based animations.

Community
Intermediate