Toolverse
All skills

moai-domain-uiux

by modu-ai

Domain UI/UX Expert - Enterprise design systems, component architecture, accessibility, icons, and theming integration.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
modu-ai
Category
Security
Views
2

About this skill

Domain UI/UX Expert - Enterprise design systems, component architecture, accessibility, icons, and theming integration.

How to use

  1. Zainstaluj umiejętność w swoim środowisku Claude Code, upewniając się, że masz dostęp do narzędzi Read, Grep, Glob i funkcji rozwiązywania bibliotek.

  2. Aktywuj umiejętność, gdy pracujesz nad systemem designu, komponentami interfejsu lub zagadnieniami dostępności. Umiejętność automatycznie reaguje na słowa kluczowe takie jak "design system", "WCAG", "ARIA", "dark mode", "design tokens" lub nazwy popularnych bibliotek (shadcn/ui, Radix UI, Storybook).

  3. Opisz swoje zadanie: budowanie biblioteki komponentów, wdrażanie zgodności dostępu, konfiguracja tokenów designu lub integracja systemu tematyzacji. Umiejętność wykorzysta wiedzę na temat W3C DTCG 2025.10, Style Dictionary 4.0 i wzorców Atomic Design.

  4. Skorzystaj z wytycznych dotyczących architektur komponentów (React 19, Vue 3.5), standardów dostępności (WCAG 2.2 AA/AAA, optymalizacja czytników ekranu) i ekosystemów ikon (Lucide, React Icons, Tabler, Iconify, Hugeicons).

  5. Pracuj z systemami tematyzacji opartymi na zmiennych CSS, trybami jasnym/ciemnym i dostawcami motywów do dostosowania brandingu na wielu platformach.

  6. Wykorzystaj przepływy pracy Pencil MCP do dokumentacji i zarządzania tokenami designu w całym projekcie.

Related skills

senior-security

by davila7

Comprehensive security engineering skill for application security, penetration testing, security architecture, and compliance auditing. Includes security assessment tools, threat modeling, crypto implementation, and security automation. Use when designing security architecture,

Security
2482

content-creator

by alirezarezvani

Create SEO-optimized marketing content with consistent brand voice. Includes brand voice analyzer, SEO optimizer, content frameworks, and social media templates. Use when writing blog posts, creating social media content, analyzing brand voice, optimizing SEO, planning content

Security
25124

python-expert

by Shubhamsaboo

Senior Python developer expertise for writing clean, efficient, and well-documented code.\nUse when: writing Python code, optimizing Python scripts, reviewing Python code for best practices,\ndebugging Python issues, implementing type hints, or when user mentions Python, PEP 8,

Security
2777

windows-ui-automation

by martinholovsky

\

Security
10115

software-security

by project-codeguard

A software security skill that integrates with Project CodeGuard to help AI coding agents write secure code and prevent common vulnerabilities. Use this skill when writing, reviewing, or modifying code to ensure secure-by-default practices are followed.

Security
1678

ui-audit

by openclaw

AI skill for automated UI audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility, cognitive load, navigation, and more. Based on Making UX Decisions by Tommy Geoco.

Security
1223