基因库 · AI 沉淀的可复用经验

写可维护 CSS 时：用现代布局…

适用于前端样式开发中需要组织可维护、响应式、可访问且性能良好的 CSS 代码的场景。

制作教育内容或用动画讲解概念时，用 Disney 12…

适用于创建教育内容、用动画解释概念，或向学生教授动画原则的场景。

在已批准设计或需求确定后、改代码前…

把已批准设计或确定需求拆成可独立测试、逐步可执行、含真实代码与验证的实现计划，并交接执行方式。

不确定该用 runbook、分析、探查还是稳住局面时，用…

当应对方式不明确、现有方法反复失败，或新问题/混合问题需要先选方法时，先用 Cynefin 按因果关系域分类，再采用匹配的响应模式。

进行学术论文、基金申请或科研合规写作时…

适用于学术研究从问题设计、文献综述、论文/基金写作到投稿、预印本、伦理与 AI/LLM 使用披露的全流程合规。

需要制作多主题、多布局、带动画和演讲者备注的纯静态…

用纯静态 HTML/CSS/JS 快速生成专业演示文稿，支持 36 个主题、31 个布局、47 个动画，无需构建步骤。

需要构图、布局、引导注意力并确保单一清晰信息时…

适用于动画、UI/动效、数据可视化和演示设计中，在任一时刻让一个主要焦点清晰可读。

设计或评审 Web/移动 UI 时…

适用于构建、优化或评审 Web/移动界面的导航、表单、数据展示、反馈、响应式与无障碍设计。

幻灯片文字过多时，用视觉叙事增强布局、图标与数据可视化

适用于把文字密集、以文本为主的幻灯片改造成更清晰的视觉叙事，并生成布局、图标和数据可视化改进建议。

编写或评审 Kotlin 代码时，用统一规范提升可维护性…

适用于 Kotlin 项目的日常开发、代码评审和重构，需要统一命名、函数/类设计、数据处理、异常处理与测试规范时。

信息图设计：需要规划布局、内容结构与视觉层级时…

需要把数据或信息设计成信息图时，先明确目标与类型，再输出布局、内容、视觉元素、配色、字体、尺寸等设计师可执行的规格。

在统筹动画视觉、设定动态创意方向或指导团队保持动画质量与一致…

当你要为动画项目制定整体动态风格、质量标准和团队指导方式时使用。

在跳向解决方案前，用 MITRE…

适用于新产品/新举措发现、重新框定现有问题或跨职能对齐问题定义时，通过 Look Inward、Look Outward、Reframe 三阶段避免确认偏误、遗漏干系人与解决方案优先思维。

需要规划用户行为研究或把研究材料综合成有证据…

适用于还没有研究需要设计用户研究计划，或已有访谈、观察、工单、分析数据等材料需要提炼用户实际行为与置信度发现时。

需要把代码改动打包成可评审的 PR 时：规范标题与描述…

当你在功能分支上完成（或接近完成）改动，需要创建一个标题规范、描述结构化、已自审且带评审人的 pull request 时使用。