跳转到主要内容

design-philosophy

星标188,500
分支22,243
更新时间2026年7月10日 20:17

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.

· 实时索引

安装

用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。

想先保存到本地?可下载 RuleHub 当前索引到的 GitHub 仓库压缩包。

下载 Zip
文件资源管理器2 个文件
SKILL.mdreadonly
namedesign-philosophy
descriptionThe VS Code design philosophy — a shared Values→Principles→Moves vocabulary for reasoning about UI in design terms inste...

design-philosophy

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.

When to use

Use this skill when the user needs help with tasks related to design philosophy.

Guidelines

  • Follow repository conventions in microsoft/vscode
  • Prefer minimal, focused changes
  • Validate outputs before finishing