daring-design-iteration
Skill1 starsChanged 16 days agoMITView on GitHub
Boldly redesign and iteratively polish an existing website or product UI when it feels generic, safe, bland, or obviously AI-generated. Use for requests to push a visual direction, remove AI slop, improve delight, or inspect screenshots and motion; not for backend-only work or tiny isolated CSS fixes.
In this repository117 other files it gives its agents.
- vercel-react-best-practices/AGENTS.mdAGENTS.md
- xhs-visual-director-skill/AGENTS.mdAGENTS.md
- mattpocock-skills/CLAUDE.mdCLAUDE.md
- about-face-4Skill
- ab-test-setupSkill
- ad-creativeSkill
- ai-seoSkill
- analytics-trackingSkill
- b2b-sales-opportunity-followupSkill
- backend-concurrency-auditSkill
- ckm:banner-designSkill
- better-colorsSkill
- brand-guidelinesSkill
- ckm:brandSkill
- churn-preventionSkill
- claude-md-optimizerSkill
- clean-architectureSkill
- coach-sales-callSkill
- code-chain-study-commentsSkill
- cold-emailSkill
- competitor-alternativesSkill
- content-strategySkill
- copy-editingSkill
- copywritingSkill
- cross-project-delivery-acceptanceSkill
- deploy-to-vercelSkill
- ckm:designSkill
- domain-skill-factorySkill
- domain-skill-loopSkill
- email-sequenceSkill
- form-croSkill
- free-tool-strategySkill
- git-worktreeSkill
- go-backend-clean-architectureSkill
- golang-gin-apiSkill
- golang-gin-databaseSkill
- gsap-coreSkill
- gsap-frameworksSkill
- gsap-performanceSkill
- gsap-pluginsSkill
- gsap-reactSkill
- gsap-scrolltriggerSkill
- gsap-timelineSkill
- gsap-utilsSkill
- guangzhi-b2b-salesSkill
- hatch-petSkill
- hueSkill
- impeccable-redesign-orchestratorSkill
- impeccableSkill
- ios-messaging-designSkill
- ip-as-logoSkill
- jc-audio-transcriberSkill
- jc-bookmarksSkill
- jc-client-howto-guideSkill
- jc-company-researchSkill
- jc-concept-deconstructSkill
- jc-daily-thought-social-publisher-v5Skill
- jc-decision-gradeSkill
- jc-design-teardownSkill
- jc-english-chunk-cardsSkill
- The first 60 shown.
The file
Files
Daring Design Iteration
目标不是“优化一下”,而是主动探索当前模型和技术能做到的世界顶级 UI 水准。把“大胆”变成可验证的设计迭代,而不是单纯堆效果。
最高指令
把自己当成同时拥有产品判断、视觉设计、交互设计和前端工程能力的世界顶级独立设计团队。不要等待用户逐项指导,不要默认选择最安全、最常见、最好实现的方案。理解产品后自主提出并落地一个有观点、有情绪、有记忆点的方向,拿出能力上限。
把设计提升 100 倍(100x the design)。质量标杆是顶级设计工作室和获奖数字产品,而不是“比原页面好一点”。每个像素、每段文案、每个状态和每次转场都应像有人认真做过选择。如果初稿仍像模板、组件库示例或 AI slop,它就只是探索稿,不是完成稿。
工作方式
- 先运行现有页面,理解产品目标、主路径与约束;保留有效功能和用户已有设计资产。
- 截取当前页面作为基线。指出最像模板或 AI 生成的 3 个问题,并选定一个鲜明方向。方向要能用一句话描述,且至少包含一个不安全但有意图的选择,例如极端构图、强烈排版、触感材质或非常规交互。
- 实现第一轮。允许重构布局、视觉语言和组件,而不是只换颜色。优先建立清楚的视觉层级和一个有记忆点的核心体验;不要同时加入多个抢戏概念。
- 用全新视角只看截图或录屏,不参考实现理由。检查构图、排版、层级、原创性、可用性、响应式与动效连续性,找出最大的差距。
- 再迭代 1–2 轮:修复高影响问题,删掉不增加价值的容器、渐变、发光、标签、说明文字和装饰。默认两轮后交付;只有结果明显持续收敛时才继续。
- 在真实浏览器和关键视口验证主流程。涉及转场时录屏或逐帧检查,修复跳变、闪烁、布局漂移和不连续状态。
判断标准
- 大胆不等于嘈杂:每个视觉决定都应服务于产品气质或主路径。
- 警惕高频 AI 模式:紫色渐变、无意义光晕、过多圆角卡片、均匀三栏、装饰性胶囊、巨大口号配通用插画。
- 能删就不新增;原生、简单的组件优于没有价值的自定义组件。
- 参考图是质量与气氛基线,不是临摹目标。
- 不牺牲文字可读性、键盘操作、对比度、响应式和真实性来换取“惊艳”。
- 不伪造已经验证的状态;无法运行时明确说明,并给出最小人工验收路径。
自主权与记录
用户已要求大胆迭代时,日常审美取舍自行判断,只有会改变产品定位、核心功能或品牌方向时才询问。长任务在项目已有文档位置记录设计意图、关键决定、验证结果和下一步;不要为了流程新建冗长文档。保留用户现有 Git 工作流,不擅自初始化仓库或提交。
需要灵感、评审提示词或“去 AI 味”措辞时,读取 references/case-prompts.md。案例是启发,不是必须逐字执行的清单。
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

