指导 Archestra 前端开发，涵盖 Next.js/React 代码修改、UI 组件使用及 TanStack Query 数据获取。规范 API 客户端调用、错误处理及构建命令，确保类型安全与一致性。
用于在OpenChatCut项目中直接编写、创建或修改内联JSX格式的运动图形资产，涵盖项目状态检查、视觉风格对齐、时间轴放置及最终验证。
自动在本地启动 KIRI Maker 3DGS Web 应用，无需安装依赖，直接返回可点击的 localhost 地址。支持后台运行、端口自动选择及基础故障排查，适用于快速预览和测试 3DGS 功能。
前端UI开发技能，基于shadcn/ui和Tailwind CSS提供上下文增强。用于构建组件库、实现UI设计、主题定制及无障碍React组件，自动检测框架并推荐现有组件组合而非自定义实现。
将指定URL克隆为高保真、可交互的前端本地应用。通过webread捕获JS渲染的DOM及资源，忠实还原页面结构与交互，仅限复制现有页面，非设计任务。
指导创建具有独特设计感的生产级前端界面，避免通用AI美学。适用于构建网页、组件、仪表盘等，强调大胆的审美方向和精致的视觉细节实现。
提供 @pierre/diffs 库的使用指南，涵盖语法高亮、代码差异渲染、编辑器功能及 SSR/Worker 支持，帮助开发者集成 React 或原生 JS 的代码查看与编辑界面。
用于构建响应式 React 组件，当内容溢出可用空间时自动适配布局。提供 Fallback 和 Render-prop 两种模式处理水平或垂直溢出，支持嵌套消费状态。
用于设计、构建和修改高质量浏览器可见Web界面的技能，涵盖视觉系统、交互状态、响应式布局及无障碍访问。适用于HTML/CSS/JS及主流前端框架的页面与组件开发。
指导在Next.js App Router应用中集成PostHog分析功能，涵盖环境配置、事件追踪实现及最佳实践规范。
指导在 SimpMusic 项目中通过 Google Font 服务生成并管理 Material Symbols ImageVector 图标。涵盖添加、替换图标的流程，强调使用自定义 SimpIcons 扩展属性而非 XML 或第三方依赖，并指出 RTL 镜像及 Painter 类型转换等常见陷阱。
GSAP动画开发参考指南，涵盖核心方法、缓动、时间轴及性能优化，辅助在HyperFrames中编写高质量动画代码。
