oma-design

Establish, refine, and audit design languages with color, typography, and accessibility standards.

5|3|Updated Mar 11, 2026
One-click install
npx skills add https://github.com/ddarkr/antigravity-token-monitor --skill oma-design-ddarkr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: oma-design
Source: https://github.com/ddarkr/antigravity-token-monitor/tree/main/.agents/skills/oma-design
Command: npx skills add https://github.com/ddarkr/antigravity-token-monitor --skill oma-design-ddarkr

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps teams create consistent, accessible, and visually compelling design systems that align with project goals and brand identity.

Core Features & Use Cases

  • Design System Definition: Guides the creation of comprehensive design documentation covering colors, typography, components, and layout principles.
  • Audit and Validation: Checks existing designs against accessibility standards, anti-patterns, and best practices.
  • Component Guidance: Recommends component libraries and provides exact styling specifications for UI elements.
  • Use Case: A team launches a new SaaS product and uses this Skill to establish a responsive, accessible design language aligned with brand goals.

Quick Start

Input a high-level description of your product's aesthetic and target audience; the Skill will generate a detailed design system outline suitable for documentation or implementation.

Frequently Asked Questions about oma-design

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

FAQPage Schema
How do I establish a responsive design system for a new SaaS product?

To establish a responsive design system, input your product's aesthetic and target audience to generate comprehensive documentation covering color palettes, typography, component styles, and layout principles aligned with your brand.

What is the best way to audit UI components for accessibility compliance?

The best way to audit UI components for accessibility compliance is to validate existing designs against established standards and anti-patterns, ensuring visual consistency and identifying areas that fail accessibility requirements.

How do I create a style guide that ensures brand alignment across multiple projects?

To create a style guide ensuring brand alignment, define your design language comprehensively and use validation tools to check that color palettes, typography, and component styles match project goals and brand identity across all outputs.

Can I use this to generate exact styling specifications for custom UI components?

Yes, you can use this to generate exact styling specifications for custom UI components, as it provides component guidance and recommends component libraries based on your specific project context and best practices.

What do I need to provide to start building design documentation?

To start building design documentation, you need to provide a high-level description of your product's aesthetic and target audience, which the system uses to generate a detailed design system outline suitable for implementation.

Why does my design system lack visual consistency across different responsive layouts?

Your design system lacks visual consistency because it may not have defined responsive principles or validated component styles, which are necessary to maintain uniformity and accessibility compliance across varying screen sizes.