Playful-Design

把同一想法做成多个真实可运行的界面变体，集中在一页对比，选定后删除其余。

将已完成改动提交、推送、合并并发布，监控 CI 并确认上线。

内置界面动效规范，审查动画、缓动、手势、退出与减弱动效并输出分级问题。

多宽度渲染页面，测量溢出、裁切与缩放问题并输出分级报告

构建仿真实产品界面的静态插图或光标动画演示

提供界面默认规范，检查滚动、阴影、焦点、表单、加载和对话框等并输出分级审查发现。

按固定规则撰写和审查界面文案，输出分级发现与结论。

审查代码改动是否严格贴合请求，逐项核对并报告越界问题

对照规则集合审计代码变更或整个代码库，生成排序编号报告并支持挑选修复

构建仅开发用的组件实验室页面，集中展示全部状态并关联源码。

测量运行页面的像素级对齐、间距、居中与圆角，生成带截图证据的编号报告。

多源收集设计参考，生成带来源链接与取用备注的灵感看板

将任意物体画成双胶囊眼的扁平角色，并用全身运动表现眨眼、呼吸、注视与交互反应。

把用户选定的 Grok Bots 做成可摇晃的物理堆、卡片与组织架构页，并剥离隐私信息

将重复纠正写成简短项目规则，并修复已有违规代码。

审查代码是否优先复用项目组件、成熟库或平台能力。

路由界面与设计任务到合适的设计 Skill。

审查界面配色的对比度、角色令牌与暗色模式，输出着色问题清单

从真实参考源读取数值并重建指定界面部件，再用随附对比页逐项列出差异

在 CPU 节流下录制浏览器交互性能记录，定位掉帧并复测验证修复。

把动画拆成状态机与逐属性时间线，生成可拖拽查看器与数据文件

撰写和审校长文，按规则检查文风、事实、引用与结构问题。

在项目自有的技术栈里批量生成可交互的小实验卡片，通过保留或淘汰这些卡片来学习用户的设计偏好

审查代码改动，剔除未请求的界面、配置和兼容代码并报告问题。

在宣布变更完成前验证运行结果，强调复现、可见证据和报告未验证项。

仅用键盘走查运行中的页面，记录焦点停靠顺序，并报告无法到达、看见或操作的控制项

按现有图标集风格绘制缺失图标并生成校验表。