提供基于Emil Kowalski的Web界面动画最佳实践指南,涵盖缓动、时序、性能优化及无障碍设计。适用于React、CSS或Framer Motion中的动画编写、审查与实现,触发场景包括过渡效果、手势交互及组件动效开发。
提供54个知名品牌的现成HTML/CSS设计系统模板,包含精确的颜色、排版和组件样式,用于快速生成符合特定品牌视觉风格的网页页面。
用于Seedance 2.0生成物理可信的VFX提示词,涵盖粒子、能量、烟雾等特效。通过约束材质、时序和交互确保视觉一致性,输出结构化特效合同与稳定提示语。
提供UX文案与界面文本的写作及审查指南,涵盖按钮、错误提示等用户可见文本。强调清晰简洁、语气一致、直接对话及动词优先原则,确保跨平台与多语言适配性。
基于Remotion将前端项目或网页转化为电影感产品视频。支持模板复用、自主创作及共同创作三种模式,利用镜头配方卡、真实截图与音频资产实现2.5D运镜和节奏卡点。
从公众号文章提取观点、对比等模块,生成内联HTML信息组件以增强移动端扫读体验。严格限制不生成图片、不调用模型,通过固定渲染器一次写入HTML,确保内容合规与排版一致性。
指导通过 Codex ChatCut 工具直接编写 Motion Graphic JSX,涵盖资产创建、编辑及时间轴放置,强调内联源码、样式对齐与视觉验证。
用于创建和优化弹窗、模态框及横幅等转化元素,涵盖触发策略、类型设计及用户体验原则,旨在提升转化率并避免干扰用户。
为Crowdin JSONL文件中的翻译字符串生成ai_context字段,提供UI元素类型、上下文等翻译提示,帮助译者准确理解歧义或复杂字符串的含义。
提供Animate.css的Zoom In Right CSS关键帧动画,无需JS,支持无障碍设置。用于为元素添加平滑的右侧进入效果,建议克制使用以避免干扰重要内容阅读。
指导如何在11种语言环境中添加或修改用户可见的UI字符串。涵盖查找键、更新英文源文件、翻译其他语言及处理测试门禁,适用于前端界面和Rust消息键。
用于在聊天中通过ShowWidget渲染内联交互式HTML/SVG小部件,如图表和数据表。强调自包含、无服务器依赖及交互性,遵循特定布局与主题规范。
将Ian小黑风格插画转化为可控的HTML+SVG+GSAP动效。通过语义化分层重建认知场景,支持口播字幕对齐、手绘漫画风及可编辑矢量动画,适用于文章配图与短视频视觉辅助。


