github
@MengTo
公开技能 100 个
艺术指导并实现高品质动效营销网站,含可访问性与交付验证
用 GSAP、ScrollTrigger 和 Lenis 构建电影感网页动效系统。
提供三档 Tailwind 任意值阴影类及 UI 组件选用规则,用于打造中性分层高度。
用 GSAP 与 Lenis 构建电影感滚动叙事落地页,含吸附卡片、视差和分段揭示。
生成滚动触发的 IntersectionObserver 与 Tailwind 动画代码片段。
面向 SaaS/应用/服务的高转化单页设计与文案改写指南
提供产品级 Web 动效设计原则、参数、编排与实现建议,兼顾性能与减少动效可访问性。
提供 GSAP ScrollTrigger 粘性产品滚动叙事与动效实现指导。
把模糊 UI 想法整理成结构化设计优先提示词,并提供迭代规则。
提供 GSAP 网页动画编写、排错与性能优化指导。
用于在网页中加入轻量 WebGL cobe 地球组件,含标记、交互与响应式代码示例。
生成可调方向与层级的 CSS 渐进模糊覆盖层代码片段
在 Codex Browser 中剖析前端动画与内存性能,暂停离屏动画并校验资源清理
Tailwind CSS 界面设计与实现参考,含布局、响应式、主题、组件模式与代码示例。
用 GSAP ScrollTrigger 实现标题逐词遮罩上移的滚动动画代码指南。
为 WebGL 落地页提供视觉方向、技术栈与质量门槛的决策指南
提供 SaaS 定价页设计与改写指南,覆盖套餐结构、转化文案、FAQ、SEO/AEO 与布局建议。
把参考视频拆解成可复刻页面与动效的详细提示词。
提供动作游戏敌人 AI 的设计、调优与确定性测试指导。
从 X 书签生成带来源的引用帖草稿队列,并按近期发文校准语气。
按 Meng To 的 X 文风撰写、改写和审阅推文,并维护去重语料与声音档案。
监督并行 Claude 会话,核对合并、更新日志与线上状态,并归档已完成会话。
用可量化评分表给作品逐项打分,多轮改进直到达到目标分数
自动抓取并发送视觉任务进展截图,强调真实渲染、前后对比和逐图说明。
将已实现的网页视觉技法提炼成可复用 Skill,并附带经浏览器验证的演示
生成固定全屏 WebGL 激光背景,含白热核心、品牌色光晕、烟雾与调校参数。
生成带真实几何、PBR 材质、灯光和轻微动画的 WebGL 3D 对象代码。
指导使用 Vanta.js 添加 WebGL 动画背景并处理集成与性能。
为头像、人像、网页背景和壁纸等场景推荐 Unsplash 图片,并提供比例、尺寸与裁剪建议。
指导在网页中嵌入并调优 Unicorn Studio 交互式 WebGL 动画
为 Three.js 场景添加可切换的雨、风暴、闪电、雪与湿地面效果。
用 Three.js 程序化生成塔楼建筑,并用裁剪平面制作装配动画。
用 Three.js 构建实时地形、草地、天空与昼夜过渡的景观背景。
为 React 18+ 应用集成 thinking-orbs,添加可访问的 AI 活动加载状态指示…
面向浏览器游戏的端到端可玩性测试与发布验证。
单色技术线框风界面设计系统,含爆炸式三维结构与标注布局指导。
提供科技绿暗色模式设计系统方向与界面视觉规范。
通过滚动截取视口并拼接,修复懒加载网页整页截图及分区裁剪图。
为短标题提供逐词错峰淡入上移动画,支持视口触发与减少动态效果。
提供技术感分屏布局与编辑式设计系统指导
统一 UI 图标风格:使用 Iconify Solar Duotone Bold 并保持一致性。
提供拟物化 Web UI 表面的 CSS 渐变、阴影与纹理配方。
打包、部署并验证可玩的 Three.js 或 Web 游戏,覆盖发布检查与生产验证。
为现有前端媒体面板集成 Shaders CursorRipples 鼠标水波纹,并保留图片回退
把文章或品牌故事做成三模式滚动叙事落地页
指导实现滚动驱动的逐词文字显现,保留内联语义与可访问性,并附带演示参考。
生成以原生滚动进度驱动的可逆视觉序列前端代码
将有序流程做成带进度线、活动步骤与响应式折叠的滚动时间线。
生成双图对齐、指针跟随径向遮罩的悬停显影组件代码。
审计本地项目,整理为 GitHub 仓库并配置、验证 GitHub Pages 发布。
指导创建以真实工作流或演示为核心证据的 SaaS 落地页。
构建恒定间距的指针轨迹粒子发射器,兼顾性能、触控与无障碍。
面向 Apple 应用的性能分析指南,覆盖卡顿、内存、启动与能耗诊断。
用 WebGL 合成通道实现纸质燃烧式场景切换,包含灰烬、火线与旧帧冻结。
提供暖纸色与橙色强调的SaaS界面设计系统指导。
诊断并优化 Three.js/WebGL 游戏性能,强调可复现测量与回归验证。
为企业 AI 产品页提供叙事、视觉系统、组件状态与验证规范
为界面添加 01、02、03 装饰性数字标记的设计规范。
UI 设计被动质量门,清理泛化 AI 设计默认与常见界面缺陷。
用于创建带外框、内嵌容器和分层边框的嵌套布局设计规范。
提供嵌套容器式代理机构视觉设计规范,突出外层框架、深色内嵌区块、圆角卡片与克制强调色。
提供深蓝网格渐变未来感页面设计系统与组件代码。
指导 Matter.js 2D 物理场景搭建与交互实现
提供无缝无限跑马灯循环的实现步骤与动效注意事项。
为 React 控件添加并调校金属质感 WebGL 边框
提供浅色纸质技术风格设计系统的视觉与实现指导
把主观质量要求转成验收门,迭代执行并独立验证。
为 Three.js 动作游戏实现、调优和验证软边战争迷雾与感知系统
提供图像主导的网格布局设计方向,强调全出血主视觉、结构线与锚定内容块。
生成单线连续线条、错位丝印风的 SVG 人物插画,并迭代校验。
生成细线室内风格 SVG 插画:人物在宽敞房间工作,含工具库、示例与渲染校验流程。
生成手绘墨水风 SVG 卡通插画卡片,含角色、道具和校验流程。
生成黑白半调线稿风 SVG 插画,并编译、渲染与校验。
生成暖粉底颗粒水粉风动物 SVG 插画卡片,支持渲染、接触表和规范校验。
生成带画框面板的柔和卡通 SVG 插画卡片并渲染校验。
将 HTML 或在线页面整理为带截图、视频和交互提示词的文章。
提供高对比度拟物化 UI 设计系统方向
用 SVG 滤镜实现可融合分离的黏性 blob 视觉系统。
生成由Three.js与WebGL驱动的球体粒子视觉,含核心、轨道环与调参说明。
指导用 globe.gl 在纯 HTML 或 React 中实现 3D 地球数据可视化
提供深色玻璃拟态界面的设计令牌、磨砂面板、渐变边框与可读性检查清单。
提供深色玻璃拟态仪表盘风格的界面设计指导,以圆形时钟/刻度盘为视觉核心。
根据参考图生成多品牌视觉世界,控制相似度并避免复制受保护元素。
用盲评与逐帧实拍为战斗技能评分,并迭代提升可读性与美术表现。
为游戏角色战斗动画制定规则、逐帧测量并用盲评修复手臂与武器动作。
深色容器主导的紫红科技风设计系统,含视觉方向与实现建议。
深色框架式技术风设计系统,含渐变描边、非对称网格与等宽标签规范
提供细边框、L 形角标和斜线纹理的网页栅格布局规范。
用 Worker 与 OffscreenCanvas 实现燃烧纸环加载器,避免主线程阻塞。
指导实现逼真的二维/三维落叶飘落动画,含翻滚、密度分层与性能优化。
调用 ElevenLabs 把文本合成为语音音频,语音配置放在本地
提供编辑杂志与产品科技结合的视觉设计风格指南
为服务型商家设计编辑风格预约网站与预订流程。
为创意工作室与作品集网站提供分章节编辑式版式与动效规范
为创意机构与作品集网站提供纪实粗野主义视觉系统和页面实现规范。
提供暗色高端 UI 设计系统方向,融合有序抖动纹理与克制激光氛围。
生成深色单色 Bayer 抖动背景的 Canvas 代码配方。
设计并调优 Three.js 动作游戏遭遇,覆盖竞技场、敌人组合与节奏。
为网页游戏提供可读战术动作战斗的设计与确定性测试指导。
提供深色磨砂玻璃风格的多栏工作台布局设计规范与视觉建议。