旧构焕新

原名:redesign-existing-projects

升级现有网站和应用至高端品质。审计当前设计,识别通用 AI 模式,应用高标准设计,同时保持功能完整,兼容任意 CSS 框架或原生 CSS。

分类
内容创作
版本
v1.0.0
作者
刘晨(@user32topo)
下载
6
收藏
0
发布
2026-08-08
更新
2026-08-14
TRACE 评分
3 / 5

内容概览

When applied to an existing project, follow this sequence: 1. Scan — Read the codebase. Identify the framework, styling method (Tailwind, vanilla CSS, styled-components, etc.), and current design patterns. 2. Diagnose — Run through the audit below. List every generic pattern, weak point, and missing state you find. 3. Fix — Apply targeted upgrades working with the existing stack. Do not rewrite from scratch. Improve what's there. Check for these problems and fix them: - Browser default fonts or Inter everywhere. Replace with a font that has character. Good options: Geist, Outfit, Cabinet Grotesk, Satoshi. For editorial/creative projects, pair a serif header with a sans-serif body. - Headlines lack presence. Increase size for display text, tighten letter-spacing, reduce line-height. Headlines should feel heavy and intentional. - Body text too wide. Limit paragraph width to roughly 65 char…

查看 SKILL 详情