旧构焕新
原名: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…