微信扫一扫把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
CRITICAL: 用于Makepad入门和应用程序结构。触发条件：makepad, makepad入门, makepad教程, live_design!, app_main!, makepad项目设置, makepad hello world, "如何创建makepad应用", makepad 入门, 创建 makepad 应用, makepad 教程, makepad 项目结构
CRITICAL: 用于Robius事件和动作模式。触发条件：自定义动作、MatchEvent、post_action、cx.widget_action、handle_actions、DefaultNone、widget action、event handling、事件处理、自定义动作
Three.js动画 - 关键帧动画、骨骼动画、变形目标、动画混合。在对象动画、播放GLTF动画、创建过程化运动或混合动画时使用。
有主见的、不断发展的约束来指导代理在构建界面时的行为
创建网页表单的分步指南
国际化和本地化。i18next（React, Node.js），next-intl，vue-i18n，ICU消息格式，复数形式，日期/数字格式化，以及RTL支持。使用场景：当用户提到“i18n”，“国际化”，“本地化”，“l10n”，“i18next”，“翻译”，“next-intl”，“vue-i18n”，“ICU格式”，“RTL”时。不应用于：字符编码 - 一般编程；货币/支付格式化 - 使用…
手写、调试、转换和优化Unity ShaderLab/HLSL着色器，支持URP（通用渲染管线）、HDRP（高清晰渲染管线）和内置渲染管线，并且针对跨平台目标（移动设备、PC、游戏主机、WebGL）。用于着色器编写、管线迁移、BRDF或光照工作、着色器性能调优、自定义渲染特性或自定义通道集成以及着色器问题排查。
UI/UX设计智能。汇总Web应用程序的界面布局、组件、样式指南。附带可搜索的设计数据库，包含50多种样式、97种调色板、57种字体配对、99条UX指南、25种图表类型以及支持9种技术栈。
性能分析原则。测量、分析和优化技术。
擅长构建沉浸式滚动驱动体验——视差故事讲述、滚动动画、互动叙事和电影级网页体验。如纽约时报的互动内容、苹果产品...
Three.js照明 - 光源类型、阴影、环境光照。在添加光源、配置阴影、设置IBL或优化光照性能时使用。
React 19 + Vite 单页应用开发指南。组合模式、性能优化和网页界面最佳实践。在基于Vite的项目中编写、审查或重构React组件时使用。涵盖复合组件、状态管理、打包优化、防止重复渲染、可访问性以及UI模式。在处理React组件工作、性能问题、代码审查或新功能开发时触发。
设计并实现带有清晰表单流程、验证和API集成的仪表盘创建界面，以确保首次使用的成功。在构建或改进“创建仪表盘”用户体验时使用。
此技能强制React组件遵循容器/视图模式。在创建新组件、验证现有组件或重构组件以遵循关注点分离模式（其中容器处理逻辑，视图处理展示）时应使用此技能。
引导用户完成Tauri窗口自定义，包括自定义标题栏实现、透明窗口、窗口装饰、拖动区域、窗口菜单、子菜单以及桌面应用程序的菜单快捷键。
创建具有高设计质量的独特生产级前端界面。当用户要求构建网页组件、页面、作品、海报或应用程序时使用此技能（例如网站、登录页面、仪表板、React组件、HTML/CSS布局，或者美化任何网页UI）。生成富有创意且精致的代码和UI设计，避免通用的人工智能美学。
用于Robius应用程序架构模式。触发条件：Tokio、异步、submit_async_request、异步、架构、SignalToUI、Cx::post_action、worker task、app structure、MatchEvent、handle_startup
遵循最佳实践编写、审查或改进SwiftUI代码，包括状态管理、视图组合、性能优化以及iOS 26+ Liquid Glass的采用。在构建新的SwiftUI功能、重构现有视图、审查代码质量或采用现代SwiftUI模式时使用。
Three.js交互 - 射线投射、控制器、鼠标/触摸输入、对象选择。在处理用户输入、实现点击检测、添加摄像机控制或创建交互式3D体验时使用。
WebGPU/WGSL在初始化、渲染/计算管线、着色器编写、调试和性能方面的指南；在构建或排查WebGPU应用程序、GPU计算负载或WGSL着色器问题时使用。
指导使用Chrome DevTools MCP工具调试和优化最大内容绘制（LCP）。当用户询问LCP性能、页面加载缓慢、核心网页指标优化，或者想要了解为什么他们的页面主要内容需要很长时间才能显示时，请使用此技能。此外，在用户提到“最大内容绘制”、“页面加载速度”、“CWV”，或希望提高其英雄图像或主要内容的渲染速度时也请使用此技能。
使用@commercengine/storefront的Commerce Engine的SSR/meta框架模式。涵盖了Next.js和TanStack Start，包括publicStorefront()、clientStorefront()、serverStorefront()、bootstrap、服务器函数/动作、预渲染以及基于cookie的令牌管理。
将设计原型（HTML、CSS、Figma导出）转换为可用于生产的组件。分析原型结构，提取设计标记，识别可重用模式，并生成类型化的React组件。默认适应现有的技术栈，使用React + TypeScript。
为@farming-labs/docs创建并分享一个自定义主题。在使用createTheme()或extendTheme()构建主题、挑选内置默认设置、作为npm包发布或添加CSS覆盖时使用。涵盖了ui.colors、排版、布局、侧边栏、圆角以及用于发布的包布局。