redesign-existing-projects

针对已有网站或应用的设计升级流程。先扫描代码审计设计问题(字体、配色、布局、交互状态),再按优先级逐项修复,保留现有技术栈不重写。适用于任何想让 AI 产出页面摆脱"千篇一律模板感"的场景。

★★★★★ 5/5 进阶向

审计+修复式设计升级,清单详尽(字体/配色/布局/交互/可访问性),纯提示词无外部依赖,对已有项目直接生效。

本报告由自动化实测生成:读取技能完整内容,按描述验证可执行性与依赖。

遇到的情况	没有这个技能	有这个技能
AI 做出的页面	千篇一律:Inter 字体、三卡布局、紫蓝渐变,一股"AI 味"。	高级质感:有性格的字体、打破对称的布局、克制的配色。
想改现有网站	AI 要么重写要么乱改,把好的也改坏了。	先审计再按优先级小步修复,不破坏现有功能。
追求设计品质	只能靠你自己懂设计,不然说不出哪里不好。	AI 按专业清单逐项检查,把"说不出的丑"变成可修复的问题。

你:帮我把这个页面改得高级一点

AI:先扫描你的代码,诊断设计问题:字体、配色、布局、交互。

AI:发现 6 个问题——Inter 字体、卡片边框太 generic、缺 hover 状态。

AI:按优先级逐个修复:先换字体,再调配色,加交互反馈。

AI:改完逐项验证,功能没破坏,观感提升明显 ✅

安装(超简单,一句话搞定)

不用敲任何命令。 复制下面这句话,发给你的 AI 助手(Claude Code、Reasonix、Cursor、Codex 等都行),它会自己帮你装好:

帮我安装 redesign-existing-projects 这个技能,它来自 https://github.com/Leonxlnx/taste-skill ,装好告诉我是干什么的

你的 AI 助手可能还会问你放在哪、怎么用,照常回答它就行——就像平时让它干活一样,不用懂技术细节。

想自己动手?(不推荐,给懂命令行的人)

下面的命令按工具区分,均来自原仓库。普通用户请直接使用上面的一句话方式,让智能体代劳。

Claude CodeCodexCursorGemini CLIOpenCodeReasonix

/plugin marketplace add Leonxlnx/taste-skill
/plugin install

/plugins → 搜索 taste-skill → Install Plugin

在 Cursor Agent 聊天中输入 /add-plugin taste-skill

gemini extensions install https://github.com/Leonxlnx/taste-skill

git clone https://github.com/Leonxlnx/taste-skill.git 对应技能目录(详见原仓库 README)

用 install_source 安装 https://github.com/Leonxlnx/taste-skill(Reasonix 会引导你完成)