专注于设计并构建高质量、电影感或系统化Web体验的Skill,涵盖落地页、营销站及多屏产品设计。强调视觉美学与一致性,内置资产生成与自动化质量门禁,排除后端开发。
获取用户当前Web UI的HTML、JSON状态、CSS及截图,用于检查界面渲染、UI调试或响应前端相关问题。
指导设计与构建高质量前端界面的技能,涵盖HTML/CSS/JS及主流框架。强调遵循设计语言、基于用户行为确定布局结构、建立视觉系统,并关注响应式、无障碍及浏览器视觉QA,确保界面符合产品需求。
Reflex框架文档助手,用于构建全栈Python Web应用。支持组件开发、状态管理、事件处理、样式、数据库、API路由、认证及部署等场景,提供官方参考链接与核心概念解析。
指导在 Next.js App Router 应用中集成 PostHog 分析功能,涵盖事件追踪、用户识别及特性标志配置。遵循最佳实践,确保代码最小化改动并使用环境变量管理密钥。
指导SimpMusic项目中Material Symbols图标的添加、替换及规范使用。涵盖从Google服务生成Kotlin文件、参数配置、代码重构到避免RTL镜像陷阱等全流程,确保图标风格统一并解决ImageVector类型错误。
基于HTML和GSAP创建视频内容,包括动画、字幕、语音合成及音频反应视觉效果。强调先定义视觉身份再编写代码,支持场景过渡与完整视频制作流程。
构建基于滚动驱动的沉浸式3D世界着陆页。通过Higgsfield和Monid生成无缝衔接的AI视频链,配合原生JS引擎实现无剪辑的连续飞行浏览体验。
用于构建可运行游戏原型或正式版本,将设计文档转化为候选代码。通过白盒验证高风险设计或按批准方案生产,确保核心循环完整及构建证据可回放。
指导AI通过MCP或shadcn注册表查找、安装并集成beUI动画React组件,支持聊天界面、通知等场景,确保使用正确的安装标识符。
提供中文Seedance 2.0视频生成提示词服务,涵盖电影词汇、镜头光影及动作音效的专业术语翻译与压缩。支持简繁转换,确保保留参考标签并遵循特定脚本规范,辅助用户构建高效精准的中文制作指令。
用于在 Orca 环境中控制 iOS 模拟器,支持点击、手势、输入、权限等操作。提供 CLI 解析指南,优先使用此 Skill 而非原生 simctl,以利用设备作用域和生命周期管理。
提供全面的UI/UX设计指南,涵盖67种风格、96种配色及57种字体搭配。通过Python脚本搜索并生成设计规范系统,支持界面设计、配色选择、落地页及仪表盘创建等场景。


