从「看懂」,走到「做出来」

把好交互的方法,
交给你的 AI。

你不必每次从“再自然一点”开始。
Skills 把判断、实现与检查步骤,组织成可以反复使用的说明。

聊聊你的项目

把方法,带进你的产品。

网站内容可以直接学习。配套 Skills 为付费资料,适用范围、交付与价格在微信中沟通。

ZJY365 的微信二维码,微信昵称北辰

手机可保存图片,在微信「扫一扫 → 相册」中识别。

带着案例来,更容易聊清楚

我从「动效手记」来到这里,想把交互方法用在自己的项目中,想了解 Skills 的适用工具和使用方式。

添加与交流由你完成。这里不会自动发送消息,也不提供站内支付。

先了解它怎么工作

公开内容直接学习。配套付费资料的范围与适配在微信沟通。

让 AI 知道的不只是「做什么」,
还有「为什么这样做」。

亲手比较一次 ↗
01

先说清楚任务

用在哪里,谁来操作,变化要帮助用户理解什么。

02

带入方法与边界

选择相关 Skills,给出触发、时序、空间和可中断性要求。

03

在真实界面里检查

看结果,也测快速反向、触屏、键盘和减少动态效果。

一个具体例子

「自然一点」,
可以说得更具体。

原始要求:让拖拽卡片自然一点。

补全要求:按住时直接跟手;松手从当前位置连续回位;归位中再次抓取不跳变;减少动态效果时直接回位;提供键盘替代操作。

看看这条规则带来的差别
开始之前

先把几件事说清楚。

网站负责学习与演示。资料的适用范围、交付和支持,在微信里确认。

聊聊你的项目

把方法,带进你的产品。

网站内容可以直接学习。配套 Skills 为付费资料,适用范围、交付与价格在微信中沟通。

ZJY365 的微信二维码,微信昵称北辰

手机可保存图片,在微信「扫一扫 → 相册」中识别。

带着案例来,更容易聊清楚

我从「动效手记」来到这里,想把交互方法用在自己的项目中,想了解 Skills 的适用工具和使用方式。

添加与交流由你完成。这里不会自动发送消息,也不提供站内支付。

Skills 是一个动画运行库吗?+

不是。Skills 是供 AI 读取的方法、参考资料和工作流程。最终效果仍由 CSS、浏览器 API 或动画库实现。

不买 Skills,也能学完吗?+

可以。网站的案例、中文笔记、练习与实现说明直接开放,不需要购买、注册或加微信才能继续。

安装以后,一定能生成好产品吗?+

不能保证。输出仍取决于模型、上下文、项目结构和人工判断。你需要理解规则,并在真实界面里检查结果。

支持哪些工具,包含什么?+

以实际交付清单与验证结果为准。你可以带着正在使用的工具、项目和案例来咨询,不承诺所有 AI 工具通用。

怎么购买与交付?+

在微信中确认适配、资料范围、价格和交付方式。网站不提供下单、支付或付费解锁功能。