uiux

Update design-system tokens and component overrides for React, Next.js, Tailwind, React Native, and Flutter.

4|1|Updated Apr 2, 2026
One-click install
npx skills add https://github.com/kvokov/oh-my-ai --skill uiux-kvokov
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: uiux
Source: https://github.com/kvokov/oh-my-ai/tree/main/skills/uiux
Command: npx skills add https://github.com/kvokov/oh-my-ai --skill uiux-kvokov

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Bridges the gap between intent and implementation by delivering professional UI/UX guidance, design-system artifacts, and stack-faithful code for React, Next.js, Tailwind, React Native, and Flutter surfaces while enforcing accessibility, priority ladders, and file-first deliverables so the work never stays in chat form.

Core Features & Use Cases

  • Stack-specific guardrails: Consults the rules and stacks guidance before suggesting code, matching the repo’s actual framework whether web or native and preventing framework soup.
  • File-first deliverables: Writes or updates design-system/MASTER, page overrides, and component specs plus token definitions per deliverables guidance so every UI change is documented in the repo.
  • Accessibility and polish: Enforces ux-priority and professional-ui checklists to guarantee contrast, focus, touch targets, motion, and semantic tokens meet production standards.

Quick Start

Ask the uiux skill to evaluate the current UI files, load every rule, and produce updated design-system/MASTER.md tokens plus responsive stack-specific components.

Frequently Asked Questions about uiux

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

FAQPage Schema
How do I build a production-ready design system for React and Flutter?

Building a production design system for React and Flutter involves generating stack-faithful tokens, accessibility checklists, and component specs. This process writes structured design-system/MASTER.md files directly into your repository to enforce consistent UI standards across web and native surfaces.

How do I enforce accessibility standards in Tailwind and React Native layouts?

Enforcing accessibility standards in Tailwind and React Native requires applying priority-ladder checks and professional-ui checklists. This ensures your layouts meet production thresholds for contrast, focus management, touch targets, and motion guidance across all components.

Can I use a single UI/UX workflow for both Next.js web and Flutter native screens?

Yes, you can use a unified UI/UX workflow for Next.js and Flutter by consulting stack-specific guardrails before coding. This matches your actual frameworks and prevents framework soup while generating responsive stack-specific components for each environment.

What is the best way to document UI tokens and component overrides in a repo?

Documenting UI tokens and component overrides is best done through file-first deliverables. This approach creates or updates design-system/MASTER.md files with semantic token definitions and page overrides, ensuring every UI change is recorded in the repository rather than left in chat.

Does generating a UI dashboard require existing design files to start?

Generating a UI dashboard does not require existing design files to start. You can evaluate current UI files, load stack-specific rules, and produce updated MASTER.md tokens plus responsive components directly from your initial layout requirements and design intent.