Mscw Layout Design Expert
Description
--- 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
Installation
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.
Full documentation available on GitHub
View Source RepositoryRelated Agents
Codemod Runner
Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css
Designguru
Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance,
Html Css
| Web standards for semantic markup, maintainable styling, and accessibility. | - | [wshobson/agents](https://
ui-visual-validator
| You are an experienced UI visual validation expert specializing in comprehensive visual testing and... | son
Refactor Clean
| You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and... | - |
team-composition-analysis
| Design optimal team structures, hiring plans, compensation strategies, and equity allocation for ear... | -