vscode-theme-skill

一键生成、打包并安装VSCode主题的Claude技能

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:vscode-theme-skill。
它的用途是:一键生成、打包并安装VSCode主题的Claude技能
完整的 Skill 内容见:https://321skill.com/skills/vscode-theme-skill/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

‘创建一个护眼风格的浅色VSCode主题,背景柔和,关键字高亮清晰。’,它会自动验证环境、生成主题代码、打包成扩展并安装到你的VSCode中。之后你可以继续反馈:‘把侧边栏的背景调得更暗一点’,它会根据你的要求调整并重新打包安装。

介绍

这个Skill解决了开发者手动创建和配置VSCode主题的繁琐问题。它通过Claude Code,将主题设计、代码生成、打包和安装整合到一个无缝的工作流中,用户只需用自然语言描述想要的风格,即可快速获得一个可直接使用的VSCode主题。

使用时,你只需在Claude Code中提出类似“创建一个蓝色基调的深色VSCode主题”或“制作一个类似Monokai风格的VSCode主题”的请求。该Skill会自动检查所需工具,生成主题脚手架,设计配色方案,并最终打包成.vsix扩展文件安装到你的VSCode中。

它非常适合前端开发、全栈开发或任何对VSCode外观有定制化需求的开发者。无论是想统一团队编码风格,还是单纯想打造一个更舒适、个性化的代码编辑环境,这个Skill都能大幅提升效率。

使用前请确保已安装Node.js、@vscode/vsce全局包,并在VSCode中安装了‘code’命令行工具。主题生成后,你还可以继续通过自然语言反馈(如“让注释颜色更深一些”)来微调细节,直到满意为止。

核心特点

与仅生成主题代码片段的技能不同,它提供了从创意到安装的端到端自动化流程,集成了vsce打包和code命令安装,无需用户手动执行任何中间步骤。

注意事项

不适合需要完全手动控制每一个配色细节或进行复杂主题逻辑开发的深度定制场景。

常见问题

安装后Claude没有反应怎么办?

请确保已正确复制技能文件夹至~/.claude/skills/目录,并重启Claude Code客户端。

提示‘code命令未找到’错误?

需要在VSCode中通过命令面板(Cmd+Shift+P)执行“Shell Command: Install 'code' command in PATH”。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/vscode-theme-skill/raw/index.md 读取 vscode-theme-skill 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。