通过渲染临时 Next.js 路由并截图,重新生成网站 OG 社交卡片图片。适用于用户要求更新 OG 图、修改文案或布局的场景,确保卡片与实时 Hero 组件一致。
针对LCP、INP、CLS三大核心Web指标提供优化方案,涵盖加载、交互与视觉稳定性。通过代码示例指导减少渲染阻塞、预加载资源及服务端渲染,以提升页面体验与搜索排名。
提供本地视觉CLI工具集,支持图像描述、OCR、元素定位与检测、SVG追踪及截图生成。用于辅助文本代理理解图像内容、提取信息或进行前端UI相关操作。
前端UI开发技能,基于shadcn/ui和Tailwind CSS提供组件库构建、UI设计实现、主题定制及无障碍React组件的开发上下文支持。
Auteur 用于从零设计并构建高水准的 Web 体验,包括营销页面、电影感滚动站点及多屏统一设计系统。它通过撰写艺术指导、生成资产及使用自动化质量门禁来确保输出质量,专注于前端创意开发。
用于构建 Android 原生 UI,涵盖 Jetpack Compose 声明式界面开发、状态管理(remember/mutableStateOf)及组合模式实现。
将参考图像转化为代码生成的程序化 Three.js 3D 模型,支持角色与物体重建。通过分阶段雕刻流水线、质量门禁及 AI 视觉自我修正循环,确保几何精度与动画就绪状态,实现从照片到可交互 3D 资产的高保真重构。
作为UI技能的路由层,用于在Codex、Cursor等工具中根据清晰的UI目标,通过CLI选择并加载最小可用的UI技能上下文以执行开发任务。
Chat Customizations Editor的SKILL.md,定义AI定制管理UI的开发规范、核心接口及扩展API同步机制。指导开发者修改界面组件时遵循声明式原则,确保跨层接口一致性。
专注于 Lemma Pod 应用的界面设计、重构与视觉优化。涵盖信息架构、交互方向、响应式及无障碍设计,基于真实数据定义状态,确保生产级用户体验。
为 Reisenotiz 旅行笔记应用提供品牌设计规范、UI 组件及资产,辅助生成静态 HTML 原型或生产级前端代码。
用于构建和调试WebHome自定义单页HTML首页,确保旧版Android WebView兼容,集成SDK并处理数据源逆向。
用于在连接的终端(Mac/iOS/Android)上展示HTML内容,支持游戏、可视化、仪表盘及交互演示。通过本地HTTP服务与节点桥接通信,实现跨设备Web内容的实时渲染与交互。


