The VS Code design philosophy — a shared Values→Principles→Moves vocabulary for reasoning about UI in design terms instead of raw pixels. Use when designing, building, reviewing, or giving feedback on any visual surface; when deciding a radius, spacing, type role, icon size, border, color, or motion; or when translating a "this feels off" observation into a concrete, principled fix.
Install
npx skills add microsoft/vscode --skill design-philosophynpx skills add microsoft/vscode --skill design-philosophy -a claude-code -gnpx skills add microsoft/vscode --skill design-philosophy -a codex -ggemini skills install https://github.com/microsoft/vscode.git --path .github/skills/design-philosophygh skill install microsoft/vscode design-philosophygit clone --depth 1 https://github.com/microsoft/vscode /tmp/microsoft__vscode
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/microsoft__vscode/.github/skills/design-philosophy ~/.claude/skills/design-philosophy # Claude Code
cp -R /tmp/microsoft__vscode/.github/skills/design-philosophy ~/.agents/skills/design-philosophy # Codex, Cursor, Gemini CLI, Copilot, OpenCode