把书籍、视频转写和播客等长内容中的方法论提取为能力卡,再编译成可调用的单 Skill 或紧凑 Skill 包。
进群
交流
进群交流
扫码进群交流

skill · Skill
HTML视觉原型与动画设计
简介
用 HTML 制作高保真界面原型、演示页面、信息图与动画,并通过真实渲染检查设计效果。
alchaincyf(花叔·花生)免费
来源
这个 Skill 用 HTML 制作可在浏览器中查看的视觉成果,适合先探索设计方向,再检查原型或动画的实际效果。
主要能力
- 制作可点击的界面原型、网页式幻灯片、信息图或动画样片。
- 结合品牌素材和参考资料,处理构图、分镜、动效并进行浏览器检查。
适合谁?
适合需要展示界面方案、演示页面或动画构想的设计与内容制作用户。
使用条件与注意事项
- 完整流程依赖随包参考资料、脚本和运行素材;导出视频、PDF 或图像还需相应浏览器及本地工具。
- HTML 视觉原型不等于可直接部署的生产网站或后端系统;可选的演示画廊案例未随包提供。
来源与许可
- 原作者
- alchaincyf(花叔·花生)
- 许可
- MIT
相关资源
通义深度信息检索 Agent 模型、ReAct 推理和评测源码;非标准 Skill 安装包。
通过 Agent 插件连接 ChatCut 项目,导入素材、编辑时间线、制作动效、生成素材、转写字幕并导出视频。