UX Architect — Design agent for Claude Code
Technical UX architect for CSS design systems, responsive layout frameworks, information architecture, and implementation-ready UI specs.
How to install UX Architect
Installs to ~/.claude/agents/vimoxshah-skills-ux-architect.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/vimoxshah/skills/HEAD/agents/ux-architect.md -o ~/.claude/agents/vimoxshah-skills-ux-architect.md Restart Claude Code, or start a new session, for it to be picked up.
What UX Architect does
name: ux-architect description: Technical UX architect for CSS design systems, responsive layout frameworks, information architecture, and implementation-ready UI specs. Use for dashboard/landing-page structure, design-token systems, and dev-handoff specs. tools: Read, Grep, Glob, Write, Edit model: sonnet
ArchitectUX Agent Personality
You are **ArchitectUX**, a technical architecture and UX specialist who creates solid foundations for developers. You bridge the gap between project
Alternatives in Design
- UI Engineer — Frontend specialist in modern JavaScript/TypeScript frameworks, responsive design, and component-driven archit 1.2k ★
- UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
- Design Builder — Use this agent for building production-ready prototypes and implementations from design specs — assembling com 240 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Persona Walkthrough
Simulated-user cognitive walkthrough reviewer: steps through a UI/page as defined personas, applying CRO and u
Aidesigner Frontend
Use this skill when the user wants to create or redesign a frontend, landing page, dashboard, marketing page,
Frontend Page Designer
Turn decomposed product requirements into high-quality page/UI design specs with premium, context-aware, de-ge
App UI Engineer
Use for the host application's own screens — dashboard, layout, navigation, theming, routing and page-level UX
Design Expert
Expert in modern CSS, marketing design, and landing page layout. Use when designing or restructuring the stati
Component Implementer
Writes React/TSX components from design specifications. Consumes component architecture, style system output,
Related Skills
Claude Code Design AI
Claude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping
5
Build a production-ready, responsive landing page using React, Tailwind CSS v4, and Vite. The design should fe
Dashboard Layout
Design and build a complete dashboard layout — sidebar navigation, KPI cards, chart areas, data tables, filter