metyatech/skill-guided-gui-design
Agent skill for low-cognitive-load, self-guided GUI design
Agent skill for low-cognitive-load, self-guided GUI design
npx skills add metyatech/skill-guided-gui-designAgent skill for low-cognitive-load, self-guided GUI design
Exercise: Build applications with GitHub Copilot agent mode
Design and analyze modular software systems with Balanced Coupling to reduce technical debt and improve architecture
Claude Code skill for in-depth Amazon marketplace research — keyword analysis, competitor ASIN recommendations, JTBD review analysis, and supplier inquiry templates
Exercise: Build applications with GitHub Copilot agent mode
Superdesign is a design agent specialized in frontend UI/UX design. Use this skill before implementing any UI that requires design thinking. Common commands: superdesign create-project --title "X" (setup project), superdesign create-design-draft --project-id <id> --title "Current UI" -p "Faithfully reproduce..." --context-file src/Component.tsx (faithful reproduction), superdesign iterate-design-draft --draft-id <id> -p "dark theme" -p "minimal" --mode branch --context-file src/Component.tsx (design variations), superdesign execute-flow-pages --draft-id <id> --pages '[...]' --context-file src/Component.tsx (extend to more pages), superdesign create-component --project-id <id> --name "NavBar" --html-file /tmp/navbar.html --props '[...]' (extract reusable component), superdesign update-component --component-id <id> --html-file /tmp/navbar.html (update existing component), superdesign list-components --project-id <id> (list existing components). Supports line ranges: --context-file path:startLine:endLine
An automated AI agent skill operating strictly within the quality assurance domain, designed to meticulously create, incrementally update, and execute unit tests for your codebase. The primary objective is to guarantee that the target source file is comprehensively covered and that the resulting test suite inevitably runs green.