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

Ready to run

npx skills add https://github.com/guideops/agentic-shared --skill geometric

💬 Prompt for ChatGPT / Claude Chat▼

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.