skills.rest
first-fluke
first-flukeOFFICIAL
Explore all skills by this author →
WebsiteGitHub

oma-design

Define and validate design systems with color, typography, layout, and motion guidelines.

1|Updated Mar 21, 2026
Search Tags:#typography#accessibility#design system#color#motion#responsive layout
One-click install
npx skills add https://github.com/first-fluke/mapple --skill oma-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: oma-design
Source: https://github.com/first-fluke/mapple/tree/main/.agents/skills/oma-design
Command: npx skills add https://github.com/first-fluke/mapple --skill oma-design

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill enables design specialists to define, create, and validate comprehensive project design systems, ensuring visual consistency and accessibility.

Core Features & Use Cases

  • Design System Definition: Establishes and audits design documentation like DESIGN.md.
  • Component Guidance & Component Library Management: Provides typography, color, motion, and layout best practices for UI consistency.
  • Use Case: A team onboarding a new product can quickly generate and validate a design system that aligns with WCAG 2.2 standards and modern responsive requirements.

Quick Start

Initiate oma-design to draft a design system outline and review visual principles for your new web project.

Frequently Asked Questions about oma-design

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

FAQPage Schema
How do I create a design system that ensures visual consistency and accessibility?▼

To create a design system ensuring visual consistency and accessibility, define structured documentation covering color, typography, layout, and motion guidelines that align with WCAG 2.2 standards for scalable UI development.

What's the best way to document UI typography and motion guidelines for a new web project?▼

The best way to document UI typography and motion guidelines is to draft a structured design system file like DESIGN.md, establishing best practices for responsive layouts and cross-team collaboration.

How does a design system audit validate WCAG 2.2 accessibility standards?▼

A design system audit validates WCAG 2.2 accessibility standards by reviewing color contrast ratios, responsive layout structures, and typography choices against established visual consistency rules within your project documentation.

Can I use this to manage a component library for cross-team UI collaboration?▼

Yes, you can manage a component library for cross-team UI collaboration by establishing component guidance and best practices for color, typography, and motion, ensuring scalable UI development across teams.

When do I need to establish a structured design system for digital products?▼

You need to establish a structured design system when onboarding a new digital product, requiring scalable UI development, visual consistency, and WCAG 2.2 accessibility compliance before cross-team collaboration begins.

Does oma-design work with responsive layout requirements for modern web projects?▼

Yes, oma-design works with responsive layout requirements by generating and validating design systems that align modern responsive needs with typography, color, and motion best practices for web projects.

Related Skills

Explore More Design & Creative Skills→
cshyangcshyang

gsd:workflow:discovery-phase

Plan and execute a project discovery phase to define requirements and scope.

Community
Intermediate
andronicsandronics
1

color-tools

Generate accessible color palettes and validate WCAG contrast for UI designs.

Community
Intermediate
gil-kapelgil-kapel
2

ui-design-system

Generates design tokens and documentation for scalable UI systems.

Community
Intermediate
dodygdodyg

cognitive-accessibility

Evaluate web interfaces against WCAG 2.2 cognitive criteria and COGA guidance.

Community
Intermediate