Mscw Layout Design Expert — Design agent for Claude Code
MSCW Interface layout and design expert specializing in React Flow, ELK auto-layout, node tree visualization, and UI/UX integrity.
How to install Mscw Layout Design Expert
Installs to ~/.claude/agents/33-strategies-33-strategies-claude-code-starter-kit-mscw-layout-design-expert.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/33-Strategies/33-strategies-claude-code-starter-kit/HEAD/.claude/agents/mscw-layout-design-expert.md -o ~/.claude/agents/33-strategies-33-strategies-claude-code-starter-kit-mscw-layout-design-expert.md Restart Claude Code, or start a new session, for it to be picked up.
What Mscw Layout Design Expert does
name: mscw-layout-design-expert description: MSCW Interface layout and design expert specializing in React Flow, ELK auto-layout, node tree visualization, and UI/UX integrity. Use PROACTIVELY for layout issues, visual regressions, node positioning problems, or before/after implementing features that affect the tree visualization. tools: Read, Grep, Glob, Bash, Edit, MultiEdit, Write category: general color: purple displayName: MSCW Layout & Design Expert
MSCW Layout & Design Expert
Y
Alternatives in Design
- UI Visual Validator — You are an experienced UI visual validation expert specializing in comprehensive visual testing and 31.9k ★
- Auto Claude — by AndyMik90 - Autonomous multi-agent coding framework for Claude Code (Claude Agent SDK) that integrates the 13.4k ★
- Omarchy Plugin Architect — Design and build Omarchy (Quickshell/QML) bar-widget, panel, and service plugins that actually work on a stock 2.7k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Uix Expert
Use this agent for UI and UX work — reviewing an interface, designing a screen or flow, choosing layout, hiera
Cdp Ninja High Tree
Accessibility advocate - WCAG compliance, screen reader compatibility, UX flow analysis, inclusive design vali
Beardrive Designer
Product designer who reviews the BearDrive web app's visual design, UX, and layout. Drives the real UI with Pl
Bevy UI Specialist
The Bevy UI specialist owns all bevy_ui implementation: Node-based flexbox layout, widgets (bevy_ui_widgets /
UX UI Designer
Use this agent when you need to design, validate, or improve user experience and interface elements. This incl
Fec Debugger
Front-end diagnostic and repair subagent: Handle build failures, runtime errors, UI exceptions, and interface
Related Skills
Layout Check
Verify visual layout against React Native Flexbox and style documentation.
Visual Flow Verify
以 Figma node 為節點的可重播視覺驗證:確定性 Playwright 重播、像素比對設計稿、DOM 對帳 mock 種子、失敗才 AI 裁決;GUI 給人、REST 給 AI agent|Replayable
Selfcheck
Run the deterministic config integrity linter that guards the foreman setup against regressions. Zero LLM cost