用于设计并维护语音或文本交互下的真实生成式UI，支持仪表板、图表及多Actor面板。通过紧凑布局、状态复用和工具调用，确保视觉呈现准确反映执行进度与结果，优化用户确认体验。
指导 Archestra 前端开发，涵盖 Next.js/React 代码修改、UI 组件使用及 TanStack Query 数据获取。规范 API 客户端调用、错误处理及构建命令，确保类型安全与一致性。
指导Agent使用ask_followup_questions工具创建交互式表单，收集用户结构化输入（如单选、多选、文本等），并规范字段映射与文案语气。
自动在本地启动 KIRI Maker 3DGS Web 应用，无需安装依赖，直接返回可点击的 localhost 地址。支持后台运行、端口自动选择及基础故障排查，适用于快速预览和测试 3DGS 功能。
专属图像生成与编辑技能，调用 vk-gpt-image2 CLI 执行文生图、图生图及局部重绘。支持跨平台运行，自动处理配置与安全凭证输入，返回标准化 JSON 结果。
前端UI开发技能，基于shadcn/ui和Tailwind CSS提供上下文增强。用于构建组件库、实现UI设计、主题定制及无障碍React组件，自动检测框架并推荐现有组件组合而非自定义实现。
将指定URL克隆为高保真、可交互的前端本地应用。通过webread捕获JS渲染的DOM及资源，忠实还原页面结构与交互，仅限复制现有页面，非设计任务。
该技能用于审查Web界面代码，检查其是否符合最新的Web界面指南。通过获取最新规则并比对指定文件，输出符合规范的审查结果。
提供 @pierre/diffs 库的使用指南，涵盖语法高亮、代码差异渲染、编辑器功能及 SSR/Worker 支持，帮助开发者集成 React 或原生 JS 的代码查看与编辑界面。
提供Cloudflare产品界面设计规范，涵盖文本大小、标题格式、字体间距及交互反馈等前端UI实现细节，用于指导Dashboard和Kumo UI的设计与代码审查。
用于构建响应式 React 组件，当内容溢出可用空间时自动适配布局。提供 Fallback 和 Render-prop 两种模式处理水平或垂直溢出，支持嵌套消费状态。
提供React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端渲染等规则。用于编写、审查或重构代码时确保最佳性能模式。
专注于高水准网页体验设计与构建，涵盖着陆页、电影式滚动站点及多屏设计系统。强调艺术指导与资产生成，通过自动化检查确保质量，适用于前端视觉创意开发。
提供面向浏览器的可视化产物（如落地页、仪表盘）的设计流程与视觉规范，支持应用组织或知名品牌的 House Style，并通过本地构建与无头浏览器验证确保交付质量。
