Build, improve, and review production interfaces with the Better Design MCP. Use for frontend design, UI, UX, interactions, flows, forms, navigation, components, styling, design systems, accessibility, responsive layouts, motion, React Native, Expo, Shopify, Three.js, and product video work, especially when creating, redesigning, polishing, or reviewing an interface.
Install
npx skills add marvkr/better-design --skill better-designnpx skills add marvkr/better-design --skill better-design -a claude-code -gnpx skills add marvkr/better-design --skill better-design -a codex -ggemini skills install https://github.com/marvkr/better-design.git --path skills/better-designgh skill install marvkr/better-design better-designgit clone --depth 1 https://github.com/marvkr/better-design /tmp/marvkr__better-design
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/marvkr__better-design/skills/better-design ~/.claude/skills/better-design # Claude Code
cp -R /tmp/marvkr__better-design/skills/better-design ~/.agents/skills/better-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode