Use for new surfaces, redesigns and vague product asks: establish user tasks and business meaning. Built-screen audits and visual polish have separate skills.
Install
npx skills add lobehub/lobehub --skill product-designnpx skills add lobehub/lobehub --skill product-design -a claude-code -gnpx skills add lobehub/lobehub --skill product-design -a codex -ggemini skills install https://github.com/lobehub/lobehub.git --path .agents/skills/product-designgh skill install lobehub/lobehub product-designgit clone --depth 1 https://github.com/lobehub/lobehub /tmp/lobehub__lobehub
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/lobehub__lobehub/.agents/skills/product-design ~/.claude/skills/product-design # Claude Code
cp -R /tmp/lobehub__lobehub/.agents/skills/product-design ~/.agents/skills/product-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode