用于构建或编辑前端UI组件、布局、样式及设计系统规范。强制使用特定设计系统，遵循语义化颜色、暗色模式支持及图标规范，禁止内联样式和硬编码颜色，确保前端界面一致性与可维护性。
基于 @tanstack/markdown/react 的 Markdown 渲染技能，支持 React 组件替换、AST 预解析复用及服务端静态 SSR，提供安全高效的文档渲染方案。
将模糊的动画描述转换为精确术语，帮助用户准确命名动效效果。适用于用户询问特定运动效果名称或想用专业词汇向AI/设计师提问的场景。
用于构建可复用视觉配色系统的技能，涵盖色彩和谐、语义角色分配、无障碍对比度检查及多状态设计，确保系统级色彩规范。
将参考图像转化为代码生成的程序化 Three.js 3D 模型。通过分阶段雕刻流程和 AI 视觉自检，实现高质量、动画就绪的 3D 重建与材质优化。
用于在 Expo/React Native 应用中实现高性能动画，涵盖手势、过渡及震动反馈。基于 Reanimated 确保 UI 线程运行，遵循严格性能规则，适用于修复卡顿或构建复杂交互动画。
提供基于文本规则的 playful app icon 设计与优化指南，涵盖概念生成、提示词构建及多尺寸质量评估。
提供Apple风格流体界面设计规范，涵盖手势交互、弹簧动画、动量过渡及响应式反馈，适用于Web端构建自然流畅的物理感UI。
针对LCP、INP、CLS三大核心网页指标提供优化方案，涵盖代码示例与检查清单，旨在提升页面加载速度、交互响应及视觉稳定性，改善用户体验与搜索排名。
提供Web、移动端及桌面端的UI/UX设计智能支持，涵盖界面构建、组件开发、设计系统、无障碍性及交互体验优化。内置风格、配色、字体等本地可查数据，辅助设计与审查。
提供完整的UI/UX设计能力，涵盖设计理论（如可用性、视觉层次）与前端实现指南。用于设计界面、审查体验、诊断转化问题及美化Web组件，确保决策基于用户体验原则。
PolySymbols跨语言框架技能，实现代码补全、引用、重命名等符号功能。强调严禁修改平台源码，需通过插件扩展点解决问题，禁止将PolySymbol强转为具体类，确保集成稳定性与兼容性。
