Miora
给 Codex / Claude Code 的 UI 交互 Skills

AI 写的页面能跑,
为什么总像半成品?

问题不是它不会写代码,而是它不知道:该不该动、动多快、从哪里出现。装上这 5 个 Skills,让 Agent 自己发现问题、给出改法,不再等你一遍遍说「这里感觉不对」。

少一轮轮返工新页面和旧项目都能用5 个 Skills 一次买断
先看能解决什么

5个可直接安装的 Skills
2种工作方式 · 直接实现 / 审查改造
8项交互质量检查
¥6.60一次购买 · 立即下载

你现在遇到的

页面做完了,却总有一种「AI 味」。

它不是坏到不能用,而是每个小地方都差一点:慢、飘、突兀、不跟手。你只能继续来回提要求,直到把时间和耐心都耗光。

界面从动效混乱、反复修改,到简洁有序的视觉对比
01

能跑,但一操作就露馅

弹窗慢半拍,按钮没有反馈,拖拽一松手就僵住。

02

每次都要手把手教

同样的问题换个页面又出现,你不断告诉 Agent 具体该改什么。

03

只知道「怪」,说不清哪里怪

没有准确术语和判断标准,Review 容易变成无效来回。

使用前 / 使用后

把「这里不对」,变成 Agent 自己会解决。

下面不是抽象理念,而是安装 Skills 后,会直接发生在你项目里的变化。

你现在的痛点
Agent 会怎么处理
动画又多又慢页面每个元素都在动,常用操作反而显得拖沓。
先判断「要不要动」高频操作直接删掉动画;需要反馈的交互,再控制到合适时长。
弹窗像从空气里蹦出来按了右上角的按钮,内容却从屏幕中间突然放大。
从触发位置自然展开让弹窗从用户刚刚点击的按钮出现,一眼就知道它从哪里来。
拖拽一松手就僵住用户明明甩得很快,元素却突然失去速度,一点也不跟手。
保留速度,动作随时能接上用 Spring 接住甩动速度;用户中途反向拖拽,也不会卡顿或重播。
Review 只能写「感觉怪」知道不对,却不知道是哪段代码、哪个数值出了问题。
直接给出可执行的修改指出具体文件和代码行、应该改成什么、为什么,并明确通过或阻断。
动效一多就掉帧桌面端勉强能用,到手机上就卡;关闭动态效果的用户也被忽略。
同时检查性能和无障碍避免容易掉帧的实现,并照顾已在系统中减少动态效果的用户。

你会得到什么

不是 5 份资料,是 5 种可以直接交给 Agent 的能力。

安装到 Codex 或 Claude Code 后,按任务直接调用。你不需要先学完一套动效课程,再一点点教给 AI。

emil-design-eng

做新界面时,先把交互做对

按钮、弹窗、Toast、转场怎么动、动多快、什么时候不该动,Agent 会先判断再写代码。

apple-design

做拖拽和弹簧时,不再靠猜

把跟手、惯性、回弹、可中断这些「感觉」,变成 Agent 能照着做的明确方法。

review-animations

合并 PR 前,替你把问题挑出来

不只检查「能不能跑」,还会说清哪里不对、怎么改,以及这次修改能不能通过。

improve-animations

旧项目太乱,一次扫清全局问题

扫描整个代码库,找出最值得先改的地方,再生成可直接交给其他 Agent 执行的计划。

animation-vocabulary

把「有点怪」翻译成准确说法

你只要描述看到的效果,它就会找到对应术语,让你、设计师、工程师和 AI 说的是同一件事。

什么时候用

新页面、旧项目、代码 Review,都能直接调用。

不用改变你现在的 AI 编程流程。根据任务调用对应 Skill,它会按明确步骤完成判断、实现或审查。

新功能搭建、旧项目整理和代码 Review 三种 Skills 使用场景

正在做新功能

告诉 Agent 组件和使用场景,它会先判断需不需要动画,再选择合适的速度和方式。

现有页面感觉很一般

让 Agent 扫描现有代码,找出慢、突兀、不跟手和容易掉帧的地方,按优先级列出改造计划。

担心 AI 越改越乱

在 PR 合并前做一次严格 Review,直接阻止体验回归,并给出可以照着修的改法。

立即获取

别再亲自给 AI
补设计常识。

一次安装,让它以后每次写界面都先判断、再实现、最后自查。

¥6.60 CNY / 一次买断
  • 5 个可直接安装的 Skills
  • 适用 Codex / Claude Code
  • 新功能实现 + 旧项目审查
  • 微信支付后立即下载

FAQ

购买前你可能想知道。

这是 Apple 官方项目吗?

不是。只有 `apple-design` 基于 Apple WWDC 公开的流体界面思想。其他 Skills 主要来自 Emil Kowalski 的设计工程方法和通用 Web 动效知识。

这是可运行的 App 或组件库吗?

不是。它是一组给 AI Agent 使用的结构化 Skills,不含 React/Vue 运行时组件。

为什么要先登录?

登录用于将一次付费与你的账号绑定,付费后可使用同一账号重新下载。

内容的授权是什么?

下载包保留 Emil Kowalski 的原始作者声明与 MIT License。付费价值是 Miora 提供的中文整理、产品说明、打包和便捷下载,不限制 MIT 许可的原始权利。

微信扫码支付 ¥6.60

付款成功后,下载权限会自动绑定到当前账号。

请使用微信扫一扫完成付款

二维码有效期 10 分钟。手机访问时可截图,再从微信扫一扫的相册中识别。