为前端UI开发提供上下文增强，基于shadcn/ui和Tailwind CSS文档，辅助组件库构建、UI设计实现、主题定制及可访问性React组件开发。
将指定URL实时克隆为本地可交互的前端应用，忠实还原原站结构、样式及JS渲染内容。适用于用户明确要求复制现有页面的场景，非设计或重构任务。
用于审查Web界面代码是否符合设计规范。通过获取最新指南，检查指定文件并输出违规位置，支持UI、无障碍及UX审计场景。
优化 API、Hook 或组件设计，通过重构使正确用法成为默认路径，消除潜在的使用陷阱（Footguns），确保代码的鲁棒性和易用性。
指导在React中处理内容溢出场景，提供Fallback和Render-prop两种模式及Hook用法，实现基于实际内容而非视口断点的自适应布局。
基于Vercel工程团队的React和Next.js性能优化指南，提供57条规则用于代码编写、审查和重构，涵盖消除瀑布流、包体积优化及服务端性能等场景。
提供面向浏览器的可视化产物（如落地页、仪表盘）的设计流程与视觉规范，支持应用组织内部或知名品牌的样式系统，指导从上下文分析到本地构建验证的完整开发过程。
指导设计、构建和修改高质量浏览器可见Web界面的技能，涵盖HTML/CSS/JS及主流框架。强调视觉系统一致性、响应式布局、无障碍访问及交互状态处理，确保界面符合产品需求并具备真实浏览器下的视觉质量。
提供Reflex框架全栈开发文档，涵盖组件、状态管理、事件处理、API路由及部署等核心概念。用于辅助使用纯Python构建Web应用时的开发与问题排查。
指导在Next.js App Router应用中集成PostHog分析功能，涵盖事件追踪配置、代码实现及最佳实践，确保安全与规范。
指导在SimpMusic项目中添加或修改图标，使用生成的Material Symbols ImageVector。涵盖从Google服务获取、参数配置、代码重构到在Compose中正确使用的完整流程及常见陷阱。
将指定网站抓取并转化为 HyperFrames 格式的专业视频，涵盖从内容捕获、脚本撰写、分镜设计到音频生成及最终渲染的完整自动化工作流。
指导为 WinUI 3 控件生成 Kotlin 包装器。通过脚本从 winmd 提取 ABI 值，按 Swing 风格实现 W* 类、Interop 常量及 Gallery 示例，确保类型安全与规范一致。
