Generate a brand-aligned design guide for a new code app instead of using the default template styling. Use when: the user wants to start a new app with their own brand identity, mentions 'design guide', 'brand guidelines', 'style guide', or wants to customize the look and feel before building.
Install
npx skills add microsoft/power-cat-skills --skill code-apps-design-guidenpx skills add microsoft/power-cat-skills --skill code-apps-design-guide -a claude-code -gnpx skills add microsoft/power-cat-skills --skill code-apps-design-guide -a codex -ggemini skills install https://github.com/microsoft/power-cat-skills.git --path plugins/powercat-code-apps/skills/design-guidegh skill install microsoft/power-cat-skills code-apps-design-guidegit clone --depth 1 https://github.com/microsoft/power-cat-skills /tmp/microsoft__power-cat-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/microsoft__power-cat-skills/plugins/powercat-code-apps/skills/design-guide ~/.claude/skills/code-apps-design-guide # Claude Code
cp -R /tmp/microsoft__power-cat-skills/plugins/powercat-code-apps/skills/design-guide ~/.agents/skills/code-apps-design-guide # Codex, Cursor, Gemini CLI, Copilot, OpenCode