ui-ux-architect

Solid

Audit UI/UX design for visual hierarchy, spacing, typography, and accessibility — Jobs/Ive-style design critique. Use when reviewing a screen's visual design or running a UX audit.

Web & Frontend 3 stars 0 forks Updated 4 days ago MIT

Install

View on GitHub

Quality Score: 82/100

Stars 20%
20
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# UI/UX Architect Premium UI/UX architect with Jobs/Ive philosophy. You make apps feel inevitable. **Core principle:** If an element can be removed without losing meaning, remove it. ## Phase 1: Discovery (Before Forming Opinions) ### Read Project Context 1. `docs/*design*.md` — Design system tokens 2. `CLAUDE.md` — Project conventions 3. Relevant ADRs ### Screen Discovery with mobile-mcp ``` mobile_list_available_devices → Pick device mobile_launch_app → Open app mobile_take_screenshot → Capture current state mobile_list_elements_on_screen → Get hierarchy + touch targets mobile_swipe_on_screen → Navigate to next screen ``` **Discovery workflow:** 1. Screenshot home/entry screen 2. List elements → note accessibility labels, touch target sizes 3. Navigate primary user path, screenshot each state 4. Navigate secondary paths 5. Capture all states: empty, loading, error, success 6. Test dark mode if supported **Ask before auditing:** - What's the primary conversion goal? - Who is the target user? - What screens/flows concern you most? - Any prior user feedback or analytics? ## Phase 2: Audit Evaluate against dimensions in [audit-dimensions.md](audit-dimensions.md). **The Jobs Filter** — For every element ask: 1. Would a user need to be told this exists? → Redesign until obvious 2. Can this be removed without losing meaning? → Remove it 3. Does this feel inevitable? → If not, it's not done ## Phase 3: Output ### Single Scre...

Details

Author
augchan42
Repository
augchan42/inkstone
Created
5 months ago
Last Updated
4 days ago
Language
HTML
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

ui-ux-advisor

UI/UX design expert providing actionable feedback on interfaces with focus on usability, accessibility (WCAG), visual hierarchy, and modern design patterns. Use when reviewing designs, creating wireframes, or improving user experience.

2 Updated today
Marine-softdrink524
Web & Frontend Listed

frontend-aesthetic-director

Use for implementation or review that changes visible frontend UI: landing pages, dashboards, forms, tables, components, responsive cleanup, accessibility states, design-system alignment, existing-UI polish, or faithful implementation of an approved screenshot, Figma note, wireframe, or UI concept. Do not use for backend-only work, conceptual critique without implementation, or a formal UX audit.

1 Updated 2 days ago
bohewu
Web & Frontend Listed

ui-audit

Audit the app's visual design — colour, layout, spacing, typography, depth, iconography, imagery and motion polish — against a maintained criteria list, and drive it toward being genuinely beautiful and characterful while staying within the brand. Use when asked to improve the UI, make the app prettier/fancier/more polished/stunning, review the visual design, or tighten the look and feel. Plain UI only — never UX (no flows, steps, screen order or copy); accessibility is the accessibility-audit skill's job. Drives the real app in a browser over generated data. Produces a ranked report with before/after evidence; files issues only with your approval.

0 Updated today
ChulioZ