用于生成基于JSXGraph的JessieCode脚本，支持创建交互式几何图形、数学函数图表及动态可视化演示。
用于图像生成与编辑的专用技能，支持文生图、图生图及局部重绘。通过CLI调用gpt-image-2模型处理请求并返回结果。
作为前端UI专家，基于shadcn/ui和Tailwind CSS文档为组件开发、主题定制及无障碍设计提供上下文增强与实施指导。
将指定URL克隆为高保真、可交互的前端本地应用。通过webread捕获JS渲染的DOM及资源，忠实还原原站结构与交互，仅用于复制现有页面，非设计或重构任务。
规范React前端代码的组织、组件与Hook创建及API设计。指导按产品归属组织目录，规定文件命名、状态管理及Props传递方式，确保代码可维护性与一致性。
用于审查UI代码是否符合Web界面指南，支持检查可访问性、UX审计及最佳实践合规性。通过Fetch获取最新规则并输出文件行号格式的问题报告。
提供@pierre/diffs库的使用指南，用于渲染语法高亮代码文件、差异对比及合并冲突。支持React、SSR和Worker环境，涵盖编辑器集成、虚拟列表审查界面构建及自定义主题配置等开发场景。
指导在React中构建响应式组件，当内容溢出时自动切换布局。支持Fallback和Render-prop两种模式，处理水平/垂直溢出及嵌套状态消费。
提供React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端渲染等规则，用于指导代码编写、审查与重构以提升应用性能。
Auteur 是一个专注于设计和构建高水准 Web 体验的 Skill，涵盖落地页、电影感滚动站点及多屏设计系统。它强调艺术指导先行，利用本地工具生成资产，并通过自动化 linting 和视觉验证确保输出质量，避免平庸设计。
提供单屏交互式HTML演示、模拟或小游戏的工具。适用于需要直观展示机制、步骤或小型互动的场景，要求代码自包含且无外部依赖。
指导设计、构建和优化浏览器可见的Web界面，涵盖HTML/CSS/JS及主流框架。强调视觉系统一致性、响应式布局、无障碍访问及用户体验，确保前端代码具备产品级质量与视觉QA标准。
为 Next.js App Router 应用集成 PostHog 分析功能，涵盖事件追踪、用户识别及特性标志。遵循最佳实践，确保代码最小化变更并使用环境变量管理密钥。
