技能 redesign-existing-projects
📦
redesign-existing-projects
内容修订 r1 安全 ⚙️ 外部命令🌐 网络访问
重新设计现有 Web 项目
现有应用常常显得通用、不一致或未完成。此技能会审计界面，并在不改变核心技术栈的情况下应用有针对性的视觉升级。
支持: Claude Codex Code(CC)
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
智能体请求
Review the Skillstore skill "redesign-existing-projects" from https://skillstore.io/skills/leonxlnx-redesign-existing-projects.md and its manifest at https://skillstore.io/api/skills/leonxlnx-redesign-existing-projects/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“redesign-existing-projects”。 审计一个带有通用卡片和紫色渐变 hero 区域的普通落地页。
预期结果:
- 一份按优先级排序的设计问题列表，涵盖排版、调色板、布局、内容和组件模式。
- 针对更强的 hero 区域、更少的卡片模式、更好的间距和更可信内容的具体建议。
- 一个建议的变更顺序，从低风险的排版和颜色改进开始。
正在使用“redesign-existing-projects”。 在保留 React 和 Tailwind 设置的同时重新设计仪表板。
预期结果:
- 一个聚焦的实现计划，保留现有技术栈和组件结构。
- 改进后的空白、加载、错误、悬停、激活和聚焦状态。
- 一份最终测试清单，覆盖响应式、导入和核心工作流。
正在使用“redesign-existing-projects”。 审查 AI 构建的原型是否具有生产就绪感。
预期结果:
- 用通俗语言批评通用文案、占位素材、薄弱层级和缺失元数据。
- 让原型感觉更具体、更完整的明确设计升级。
安全审计
安全v4 • 2026/7/5 打开版本化报告
All static findings are false positives caused by Markdown inline code, a placeholder image URL, and design terminology. The skill provides UI redesign guidance and contains no executable scripts, prompt injection text, data exfiltration intent, or system reconnaissance instructions.
1
已扫描文件
179
分析行数
0
复核项
0
已忽略误报
风险因素
最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。
审计者: codex 查看审计历史 →
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/leonxlnx-redesign-existing-projects/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/leonxlnx-redesign-existing-projects?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/leonxlnx-redesign-existing-projects?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/leonxlnx-redesign-existing-projects/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/leonxlnx-redesign-existing-projects.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学术引用 (APA · BibTeX · CFF)
APA 引用
leonxlnx. (2026). redesign-existing-projects security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/leonxlnx-redesign-existing-projects/audits/4BibTeX 引用
@techreport{leonxlnx-leonxlnx-redesign-existing-projects-2026,
author = {leonxlnx},
title = {redesign-existing-projects security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/leonxlnx-redesign-existing-projects/audits/4},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "redesign-existing-projects security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "leonxlnx"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/leonxlnx-redesign-existing-projects/audits/4"
identifiers:
- type: other
value: "skillstore:leonxlnx-redesign-existing-projects:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore 评分
评分依据 证据置信度: 高 55
架构
85
可维护性
87
内容
68
社区
83
规范符合性
你能构建什么
打磨 SaaS 仪表板
在不改变应用工作流的情况下，改进层级、状态、间距和空白页面。
刷新营销网站
用更具体的视觉选择替换通用的 hero 区域、卡片、渐变和素材内容。
审查 AI 生成的原型
找出重复出现的 AI 设计痕迹，并将原型转化为更可信的界面。
试试这些提示
运行基础设计审计
Use the redesign-existing-projects skill to audit this app. List the highest-impact typography, color, layout, and state issues before editing.
安全改进一个页面
Use the redesign-existing-projects skill on this page only. Keep the current framework and improve spacing, hierarchy, component styling, and interaction states.
移除通用 AI 设计模式
Use the redesign-existing-projects skill to identify generic AI design patterns in this project. Replace them with specific visual choices that fit the product.
交付分阶段重新设计计划
Use the redesign-existing-projects skill to inspect the whole interface. Create a prioritized redesign plan, then implement reviewable changes in small stages.
最佳实践
- 编辑前先从审计开始，确保变更有针对性且便于审查。
- 保留现有框架、样式系统、路由和核心行为。
- 每次变更后测试响应式布局、键盘焦点和关键交互。
避免
- 当有针对性的视觉升级已经足够时，不要从头重写应用。
- 在检查项目依赖文件之前，不要添加新库。
- 不要把装饰性打磨当作可访问性和可用状态的替代品。
常见问题
此技能会从头生成完整的重新设计吗？
不是。它用于在保留当前技术栈和功能的同时改进现有项目。
它支持哪些样式系统？
它可以指导 Tailwind、vanilla CSS、styled components 和类似的项目特定样式系统中的变更。
它能帮助改进可访问性吗？
可以。它会指出 focus rings、semantic HTML、alt text、skip links 和表单验证基础。
它会自动安装设计库吗？
不会。该技能会指示助手在导入任何新库之前检查现有依赖。
它只适用于营销页面吗？
不是。它包含针对落地页、仪表板、表单、导航、空白状态和组件系统的指导。
我应该如何在大型应用中使用它？
先请求审计，批准优先级计划，然后逐页应用变更。