全部技能 / 设计 / redesign-existing-projects
设计 · leonxlnx/taste-skill

redesign-existing-projects

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.

风险提醒:绿色 · 放心使用AI 侦查报告
作者 leonxlnxGitHub leonxlnx/taste-skill ↗Stars 85698许可 MIT(仓库根 LICENSE 文件;GitHub API spdx MIT;Copyright (c) 2026 Leonxlnx)commit 3cca18b368
agent 宿主通常会约束 skill 执行权限;风险提醒为 AI 侦查观点,不构成质量或安全保证。第三方 skill 仅作拆解与展示,安装使用风险自负,版权归原作者。

1实现原理 · 为什么它能做到

三拍流程 Scan→Diagnose→Fix:先读代码库识别技术栈与现状,再跑审计列问题,最后只在现有栈上做定向修复、禁止重写。

skills/redesign-skill/SKILL.md
**Fix** — Apply targeted upgrades working with the existing stack. Do not rewrite from scratch. Improve what's there.
注:『Do not rewrite from scratch』是全 skill 的宪法级约束,把『存量改造』与 greenfield 出稿类 skill 区分开。

主体是『反模式审计库』:按 Typography / Color and Surfaces / Layout / Interactivity and States / Content / Component Patterns / Iconography / Code Quality 八类列出常见 AI 通病,每条附『问题→修法』。

skills/redesign-skill/SKILL.md
**Purple/blue "AI gradient" aesthetic.** This is the most common AI design fingerprint. Replace with neutral bases and a single, considered accent.
注:审计条目不是空泛建议而是『指纹→处置』对:先认出这是最常见的 AI 设计指纹,再给具体替换方向——诊断与处方绑定。

修复按『影响/风险比』排序:Fix Priority 明确从字体替换到打磨的七步顺序,先拿最大视觉收益的最低风险动作。

skills/redesign-skill/SKILL.md
1. **Font swap** — biggest instant improvement, lowest risk
注:『Fix Priority』引导句为『Apply changes in this order for maximum visual impact with minimum risk:』,其后 1-7 步依次为字体替换→色板清理→交互态→布局间距→组件替换→补状态→字体打磨。给 agent 一个确定性执行序,避免在低影响处空耗或高风险处乱动。

『不破坏功能』由四条规则硬约束:不迁移框架/样式库、每改必测、引库前查依赖文件、无框架则用原生 CSS,并要求改动小而聚焦。

skills/redesign-skill/SKILL.md
Do not break existing functionality. Test after every change.
注:测试动作由宿主 agent 在用户项目上执行(宿主授权工具面);skill 自身无脚本。

升级技法包(Typography/Layout/Motion/Surface Upgrades)给出超越『去俗』的进阶方向,让改造不止于修复通病。

skills/redesign-skill/SKILL.md
**True glassmorphism.** Go beyond `backdrop-filter: blur`. Add a 1px inner border and a subtle inner shadow to simulate edge refraction.
注:与审计清单互补:审计负责减法与纠偏,Upgrade Techniques 负责加法。

『Strategic Omissions』清单专门补 AI 通常忘记的东西:法律链接、返回导航、404、表单校验、skip-link、cookie 同意等。

skills/redesign-skill/SKILL.md
**No legal links.** Add privacy policy and terms of service links in the footer.
注:该节以『### Strategic Omissions (What AI Typically Forgets)』为标题,下辖若干 bullet。把『完整性』也纳入改造范围——很多 UI 修得漂亮但流程是死的,这节堵住流程漏洞。

2核心能力

01现有代码库扫描与识别(框架/样式体系/现有设计模式)
02八类反模式审计(typography/color/layout/states/content/components/icons/code-quality),逐条带修法
03兼容性铁律:不迁移技术栈、不重写、逐改动测试
04优先级排序的改造执行计划(影响/风险比七步)
05交互状态完整性补全:hover/active/loading/empty/error/focus/导航态
06内容层反 AI 套话与真实化(数据、人名、文案禁用词)
07战略遗漏补充:a11y/法律/404/表单校验/可访问性
08进阶升级技法包(真玻璃、parallax、spotlight border、变量字体动画等)

3外部依赖

类型依赖
networkpicsum.photos(占位图服务)

4风险提醒 风险提醒:绿色 · 放心使用

风险提醒:绿色 · 放心使用
  • 『测试』依赖宿主执行且无覆盖保证 — 每改必测的指令最终由宿主 agent 决定跑什么测试;若项目无测试套件,『不破坏功能』无自动兜底,仍需人验。
  • 审计主观性强,可能过度改版 — 『Replace with…』式修法体现作者审美取向;对『刻意朴素』的品牌(如政府/学术站点)可能引入风格漂移,文件无豁免条款。
  • 占位图 URL 会进入交付代码 — 若未在后续被真实资产替换,线上页面将依赖 picsum.photos 第三方服务。
  • 读库行为放大注入面 — 指令让 agent 以项目文件内容为决策输入;恶意仓库文本的处置取决于宿主通用防护。
风险提醒:绿色,放心使用。纯指令型单文件 skill:无脚本执行、无网络外发、无凭证读取、skill 自身无文件写入(读库/改码/跑测试均由宿主 agent 在用户项目内依指示执行,属宿主授权行为)。唯一网络名目 picsum.photos 出现在交付代码的占位图 URL 中,非 skill 运行时外发。

5第二遍独立确认

  • [ok] 目录资产面(含隐藏/未跟踪文件) — git ls-files + ls -A 双查:该 skill 目录仅 1 个文件 SKILL.md,无 scripts/references/模板/数据/隐藏文件,无可执行代码。
  • [ok] 执行类 token 扫描 — 逐文件扫描 bash/exec/child_process/curl/wget/fetch/axios/process.env/API_KEY/.env/fs./writeFile/.github 等零命中(brutalist 一处 'sans-serifs.' 单词结尾 fs. 为误报,人工复核排除)。
  • [ok] 引文逐条 grep -F 字节复核 — 本 JSON 所用全部 quote 均以 grep -F 在 pin commit 工作树中逐条验证存在,无 paraphrase 冒充。
  • [ok] 元数据与 pin 核对 — 本地 git HEAD == 任务 pin ccbc15639c97057cbfcf32ecebc38ef716e4bb37(README 显示该提交为 docs/sponsor 修订 #102,2026-08-24);GitHub API 实查 stars=85698、MIT、pushed_at=2026-08-24T15:23:56Z。frontmatter name 与任务给定名一致。
  • [ok] 功能声明 vs 实际能力夸大检查 — description 声称均由 SKILL.md 正文纯 prompt 机制兑现,无脚本可调用、无越界承诺(详见本文件 how_it_works 引文)。
  • [ok] 『without breaking functionality』是否有保障机制 — Rules 段四条硬规则(不迁移栈/每改必测/引库查依赖/保持小改动)+ Fix Priority 的风险排序共同兜底;虽为文本约束,但机制完整、无虚假承诺。
  • [ok] audit 分类是否有漏项/夸大(声称 8 类其实不足) — 重读核对标题:Typography/Color and Surfaces/Layout/Interactivity and States/Content/Component Patterns/Iconography/Code Quality 恰好 8 类,另加 Strategic Omissions 独立一节,与正文结构一致。
  • [ok] picsum.photos 引用的性质复核 — 原文明确『when real assets are not available』的占位图用途,且仅此一处 URL;无隐藏网络调用。

6结论

  • 存量改造的克制纪律:不重写、不迁栈、每改必测,把破坏性风险压到最低。
  • 反模式库覆盖面广且有可操作性:8 类×数十条『指纹→修法』对,模型可逐条对照执行。
  • 影响/风险排序的执行计划,避免低价值改动空耗。
  • 完整性强:连法律链接、skip-link、404、cookie、import 幻觉都管,产出更接近可上线状态。
  • 框架无关且可审计:明确保留栈、小步提交,适合人机协作逐步 review。
  • 适合:适合已有网站/应用代码、想在不换技术栈前提下把视觉与完整性提到 premium 水平的场景:存量 marketing site、SaaS 控制台、老项目现代化;尤其适合『先审后改、人可 review』的协作流程,与任何 CSS 框架/原生 CSS 项目兼容。
    不适合:不适合 greenfield 从零出稿(无库可审,直接用 taste-skill / high-end-visual-design 等);不适合用户想推倒重来/换框架的项目;不适合纯设计探索不写代码的场景;不适合没有测试且要求『绝对不能碰坏』的高风险核心系统——文本规则无法替代人工验证。
    安装 agent 直装可复制
    ① 本站镜像 更新 2026-09-09
    方式 A · 人下载镜像包下载 redesign-existing-projects.tar.gz
    sha256: de9382abc8e410ed…
    方式 B · JSON 格式安装指南,复制给 agent
    安装指南
    agent 读 JSON 指南后会自动从本站下载安装,无需更多说明。
    ② 上游 GitHub · 原始来源
    能访问 GitHub?直接去上游安装(实时版,可能已更新)GitHub 原始 ↗
    本页镜像锁定 commit 3cca18b368;上游为实时仓库。
    来源信息 GitHub 原始
    作者 / 仓库leonxlnx / leonxlnx/taste-skill
    Stars85698
    最近推送2026-08-24
    本 skill commit3cca18b368
    许可MIT(仓库根 LICENSE 文件;GitHub API spdx MIT;Copyright (c) 2026 Leonxlnx)
    本站信息
    收录日期2026-09-06
    分类设计
    侦查报告AI 侦查 · 2 遍 · 2026-09-06
    本站镜像与 GitHub 原始是不同来源:本站锁定 commit 快照经 /r2 分发;GitHub 为实时上游,内容可能已更新。
    同分类邻近