Automates design review, token extraction, component mapping, and implementation planning. Reduces design handoff from 6-10 hours to 5 minutes via direct Figma MCP integration. Auto-invoke when user mentions design review, Figma mockup, or design handoff.
Install
npx skills add qf-studio/navigator --skill product-designnpx skills add qf-studio/navigator --skill product-design -a claude-code -gnpx skills add qf-studio/navigator --skill product-design -a codex -ggemini skills install https://github.com/qf-studio/navigator.git --path skills/product-designgh skill install qf-studio/navigator product-designgit clone --depth 1 https://github.com/qf-studio/navigator /tmp/qf-studio__navigator
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/qf-studio__navigator/skills/product-design ~/.claude/skills/product-design # Claude Code
cp -R /tmp/qf-studio__navigator/skills/product-design ~/.agents/skills/product-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode