skills.rest
CYBERSTALKER07
CYBERSTALKER07COMMUNITY
Explore all skills by this author →
GitHub

uiux

Generate design systems and domain research guidance for UI/UX workflows.

Updated Apr 22, 2026
Search Tags:#workflow#ui#prototyping#ux#design-system#domain-search
One-click install
npx skills add https://github.com/CYBERSTALKER07/ATOMOS --skill uiux-cyberstalker07
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: uiux
Source: https://github.com/CYBERSTALKER07/ATOMOS/tree/main/.gemini/skills/uiux
Command: npx skills add https://github.com/CYBERSTALKER07/ATOMOS --skill uiux-cyberstalker07

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill optimizes UI/UX work requests by enforcing a design-system-first workflow that starts with a complete design system and supplements with targeted domain research, ensuring consistent, accessible interfaces.

Core Features & Use Cases

  • Generate a comprehensive design system covering patterns, colors, typography, accessibility, and tokens.
  • Conduct domain-specific searches for style, color, typography, charts, and UX guidelines to tailor recommendations.
  • Provide stack-specific implementation guidance and best practices for HTML/Tailwind, React, Vue, Next.js, and other major stacks.

Quick Start

When you request UI/UX work, initiate the design-system workflow to generate a complete design system and run domain searches.

Frequently Asked Questions about uiux

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

FAQPage Schema
How do I generate a complete design system for a web dashboard?▼

Yes, you can use this skill for mobile interface prototyping. It applies a design-system-first workflow to mobile UI/UX requests, conducting domain-specific searches for style, color, typography, and UX guidelines to tailor recommendations for mobile applications.

Does this UI/UX design skill provide implementation guidance for React and Vue?▼

Yes, this UI/UX design skill provides stack-specific implementation guidance and best practices. It supports major tech stacks including HTML/Tailwind, React, Vue, and Next.js, translating generated design systems into actionable development components.

What is a design-system-first workflow and when do I need it?▼

A design-system-first workflow starts interface creation by generating a complete design system before supplemental domain research. You need this approach to optimize UI/UX work requests, ensuring consistent, accessible interfaces across websites and mobile apps.

Can I conduct domain-specific searches for typography and color guidelines?▼

Yes, you can conduct domain-specific searches for typography and color guidelines. This skill integrates targeted domain research covering style, color, typography, charts, and UX guidelines to tailor design system recommendations specifically to your project's domain.

What's the best way to ensure accessibility is included in my UX design tokens?▼

The best way to ensure accessibility in UX design tokens is to enforce a design-system-first workflow. This skill automatically generates comprehensive design systems that explicitly cover accessibility standards alongside patterns, colors, and typography.

Related Skills

Explore More Design & Creative Skills→
Fei2-LabsFei2-Labs
12

init-rules

Generate personalized AI agent rule files through an interactive interview.

Official
Intermediate
ralphjohn29ralphjohn29
1

ui-ux-pro-max

Provide UI/UX design recommendations for React, Next.js, Vue, and SwiftUI.

Community
Advanced
Himanshu040604Himanshu040604

gradio

Create interactive web UIs and machine learning demos from Python code.

Community
Intermediate
windyskywindysky

moai-domain-uiux

Establish domain UI/UX foundations with design tokens and theming for React and Vue.

Community
Basic