ui-ux-pro-max
Low · 93 Score: 93/100
by xobi667 | Audited: 2026-02-05T09:18:25.242Z | Ruleset: 0.1.0
About This Skill
Follow these steps to deliver high-quality UI/UX output with minimal back-and-forth.
✨ Target platform: web / iOS / Android / desktop
✨ Goal and constraints: conversion, speed, brand vibe, accessibility level (WCAG AA?)
✨ What you have: screenshot, Figma, repo, URL, user journey
✨ UI concept + layout: Provide a clear visual direction, grid, typography, color system, key scree
✨ UX flow: Map the user journey, critical paths, error/empty/loading states, edge cases.
✨ Design system: Tokens (color/typography/spacing/radius/shadow), component rules, accessibility n
✨ Default to ASCII-only tokens/variables unless the project already uses Unicode.
✨ Include: spacing scale, type scale, 2-3 font pair options, color tokens, component states.
Use Cases
1 Stack (if code changes): React/Next/Vue/Svelte, CSS/Tailwind, component library
2 Implementation plan: Exact file-level edits, component breakdown, and acceptance criteria.
3 Design intelligence data: Read from
skills/ui-ux-pro-max/assets/data/ when you need palettes, 4 Upstream reference: If you need more phrasing/examples, consult `skills/ui-ux-pro-max/references
Security Audit
Low · 93
Summary
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
Risk Profile
Key Risks 0 items
No LLM risk bullets (LLM disabled or not cached).
Deterministic Findings (Evidence)
No findings detected.