Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

screen-reader

Screen reader compatibility, testing, and optimization.

1.55k repo starsObserved in 1 repos
Design

track-sequencing

Design optimal track order and album flow including opener/closer strategy, energy curves, transitions, and pacing for cohesive listening experiences

1.55k repo starsObserved in 1 repos
Design

wpf-xaml-style-generator

Generate XAML styles, templates, and resource dictionaries with theme support for WPF applications

1.55k repo starsObserved in 1 repos
Design

typeui

Use TypeUI with Hermes Agent to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

1.54k repo starsObserved in 2 repos
Design

eui-neo-ui-replicator

Design or replicate high-quality desktop interfaces in the EUI-NEO C++ DSL. Use when Codex needs to recreate screenshots, mockups, web pages, product UI, or create an original competition-grade desktop UI/UX concept from user requirements and reference research, prioritizing Row/Column/Stack/Flow layout, built-in components from components/, theme tokens, short non-looping motion, Bing image placeholders when media is unavailable, and only falling back to Rect/Text/Image/SVG/Polygon primitives or new lightweight components when no built-in component can express the target.

1.53k repo starsObserved in 1 repos
Design

backend-ui-design-codex

Internal Codex-flavored copy of the backend UI design guidance for `@open-mercato/ui`. Prefer the main `om-backend-ui-design` skill for normal backend page, CRUD, table, and form work.

1.50k repo starsObserved in 1 repos
Design

om-backend-ui-design

Design and implement consistent, production-grade backend/backoffice interfaces using the @open-mercato/ui component library. Use this skill when building admin pages, CRUD interfaces, data tables, forms, detail pages, or any backoffice UI components. Ensures visual consistency and UX patterns across all application modules.

1.50k repo starsObserved in 1 repos
Design

theme-check

Theme adaptation checklist for light/dark mode and UI component changes. Use when modifying colors, surfaces, dialogs, or theme infrastructure. Not for simple text changes.

1.48k repo starsObserved in 1 repos
Design

design-token-architecture

How design tokens and recipes flow from styleframe into Inkline — the presets, the two faces of virtual:styleframe, recipe class contracts, theming, and the rules for custom CSS in components. Use when designing, extending, or debugging component styling.

1.46k repo starsObserved in 1 repos
Design

research-component

Phase 1 of building an Inkline component — design the API. Survey the WAI-ARIA pattern and prior art, then write a complete component spec (props, slots, events, variants, accessibility, styling plan) to .context/ for sign-off before any code. Use when starting a new component or redesigning an existing one's API.

1.46k repo starsObserved in 1 repos
Design