Are all these tools included in the majestic-engineer plugin?

Yes, this skill helps you navigate the suite of specialized design and QA tools provided within the majestic-engineer and majestic-marketplace ecosystem.

How do I use the Design Tool Picker?

Simply ask Claude 'which design tool should I use?' or reference the skill when you're unsure which majestic-engineer agent is best for your current UI task.

When should I use the ui-code-auditor instead of visual-validator?

Use ui-code-auditor for static code checks like accessibility and ARIA labels; use visual-validator for checking visual layout and design system compliance using screenshots.

Does this skill perform the design work itself?

No, it acts as a directory and decision guide to help you choose the right specialized tool, such as ui-ux-designer for iterations or visual-validator for verification.

Design Tool Picker

Name: Design Tool Picker
Author: majesticlabs-dev

bymajesticlabs-dev

•

デザインツール

Guides developers in selecting the optimal design, UI/UX, or accessibility tool based on their current project phase and requirements.

概要

Design Tool Picker acts as an intelligent routing layer for frontend development tasks within the Claude Code environment. It provides a structured decision framework to help users determine whether they need initial design systems, iterative UI refinements, accessibility audits, or visual validation. By matching specific project needs—such as starting from scratch versus refining existing code—to specialized agents like ui-ux-designer or ui-code-auditor, it ensures developers always utilize the most effective tool for their specific workflow stage.

主な機能

Workflow mapping for new features, bug fixes, and audits
Comprehensive comparison of screenshot-based vs. code-based tools
Direct invocation guidance for specialized design agents
Interactive decision tree for project-specific tool selection
Integrated support for accessibility (a11y) and design system creation
19 GitHub stars

ユースケース

Deciding whether to use a visual validator or a code auditor for UI testing
Determining the best starting point for creating a new design system
Selecting the right agent for iterative UI refinement versus static guidance

概要

主な機能

Workflow mapping for new features, bug fixes, and audits
Comprehensive comparison of screenshot-based vs. code-based tools
Direct invocation guidance for specialized design agents
Interactive decision tree for project-specific tool selection
Integrated support for accessibility (a11y) and design system creation
19 GitHub stars

ユースケース

Deciding whether to use a visual validator or a code auditor for UI testing
Determining the best starting point for creating a new design system
Selecting the right agent for iterative UI refinement versus static guidance