微信扫一扫把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
在生成带有块的Slack API负载、带有结构化内容的chat.postMessage调用或views.open/views.publish调用时主动应用。触发于Block Kit、Slack块、段落块、动作块、标题块、分割线块、上下文块、表格块、Markdown块、富文本块、图片块、输入块、视频块、context_actions块、计划块、任务卡片块、Slack模态框、Slack应用程序主页、S…
使用WPF DrawingVisual与ContainerVisual、VisualCollection和DrawingContext实现轻量级渲染。在渲染大规模图形、图表、游戏图形或自定义视觉效果时使用。
使用WebGPU计算（并支持WebGL2回退）在Three.js中生成动态过程天气效果。涵盖雨（从小雨到季风雨）、雪（从雪花飞舞到暴风雪）、冰雹、雾和薄雾（地面雾、体积雾）、闪电（闪电、片状闪电、云内闪电）、沙尘暴/沙暴、风驱碎片、彩虹、北极光，以及用于平滑过渡的天气状态机。所有降水均使用具有碰撞、溅起和积聚功能的GPU粒子系统。提供每种效果的光照变化、环境声音提示和摄像机后期处理（湿镜头、霜冻）…
使用BlockNote，一个基于块的React富文本编辑器。当用户提到“blocknote”、“BlockNote编辑器”、“基于块的编辑器”、“insertBlocks”、“updateBlock”、“removeBlocks”、“replaceBlocks”、“editor.document”、“InlineContent”、“StyledText”、“nestBlock”、“unnestBl…
ASP.NET Core自定义中间件、管道顺序、异常处理中间件以及请求/响应操作。使用时机：用户提到“中间件”、“请求管道”、“异常中间件”、“ASP.NET中间件”、“UseMiddleware”、“管道顺序”。不应用于：Express中间件 - 使用`express`，NestJS中间件 - 使用`nestjs`
新的Deno Web框架。涵盖了岛屿架构、基于文件的路由、处理器、信号和插件。用于服务器渲染的Deno应用程序。使用场景：当用户提到“Fresh”、“fresh”、“岛屿架构”、“Deno SSR”、“Deno中的基于文件的路由”，询问关于“Preact SSR”、“服务器渲染的Deno应用”、“带有水合功能的Deno Web框架”、“零配置Deno框架”。不适用场景：Node.js应用程序 - …
React并发特性用于响应式UI。涵盖useTransition、useDeferredValue、Suspense、startTransition、并发渲染模式和基于优先级的更新。使用时机：用户提到“useTransition”、“useDeferredValue”、“startTransition”、“并发渲染”、“非紧急更新”，或询问关于“保持UI响应性”、“React中的优先级更新”。不适…
渐进式Web应用程序开发。服务工作者、Web应用程序清单、离线优先策略、使用Workbox进行缓存、推送通知以及可安装性。使用时机：用户提到“PWA”、“渐进式Web应用”、“服务工作者”、“离线优先”、“Web应用程序清单”、“Workbox”、“可安装的Web应用”、“缓存优先”、“添加到主屏幕”。不用于：原生移动应用 - 使用`react-native`、`flutter`、`expo`；服…
可视化打印设计器组件。基于 Svelte 构建，支持 Vue、React、Angular、jQuery 等框架引入。提供拖拽式模板设计、预览、打印、导出 PDF/图片功能，支持插件扩展元素（ECharts、二维码、Fabric等）。
创建具有macOS风格窗口装饰、等宽字体和温暖色调的终端启发式UI界面。在构建开发工具、代码市场、技术文档网站或任何可以从终端/命令行美学中受益的界面时使用此技能。提供完整的设计系统规范，包括调色板、字体、间距、组件和CSS实现细节。
由Google Gemini 3支持的视觉和前端开发助手。用于UI分析、设计比较、可访问性审核、调色板提取、截图转代码、生成UI资源以及从简报中提供基于文本的设计帮助。
当用户要求“设计一个UI”、“创建一个着陆页”、“构建一个仪表盘”、“生成一个网站设计”、“制作一个产品页面”，或者需要关于UI设计模式、无障碍标准、设计令牌，或是消除通用的人工智能生成的设计模式（氛围代码）的指导时，应使用此技能。
Rocket Rust web框架。涵盖路由、fairings、guards、状态和测试。用于类型安全、无样板代码的Rust API。使用场景：当用户提到“rocket”、“rust类型安全api”、“rocket guards”，询问有关“rocket fairings”、“rocket state”、“编译时路由检查”、“rust web宏”、“rocket测试”。不适用于：Axum项目-请改…
Spring WebFlux用于Spring Boot 3.x中的响应式编程。涵盖Mono/Flux、响应式操作符、WebClient、函数式端点、R2DBC集成、响应式错误处理和测试。适用于非阻塞高并发应用。使用场景：用户提到“spring webflux”、“reactive Spring”、“Mono”、“Flux”、“WebClient reactive”、“functional endp…
使用Zod验证的React Hook Form。涵盖表单设置、验证模式、字段组件、错误处理以及与shadcn/ui集成的提交。使用场景：用户提到“React Hook Form”、“RHF”、“Zod验证”、“shadcn/ui表单”、“zodResolver”、“FormField”，询问关于“使用Zod进行表单验证”、“shadcn表单组件”。不适用于：React 19 Server Acti…
React应用中的WebSocket集成模式。涵盖自定义钩子、上下文提供者、Socket.IO以及使用TanStack Query进行实时状态同步。使用场景：当用户提到“React中的WebSocket”、“实时React”、“Socket.IO React”、“useWebSocket钩子”、“实时更新”、“聊天应用程序”、“实时通知”，或询问“如何在React中连接WebSocket”。不适用…
计划并执行前端表单迁移，尽量减少在验证、提交和可访问性行为方面的回归。在生产系统中移动表单库、模式或提交管道时使用。
使用WebGPU计算着色器在Three.js中生成程序化3D景观和地形，并具有自动WebGL2回退功能。涵盖通过FBM噪声、脊状多重分形和域扭曲生成高度图；分块LOD地形网格；基于坡度的多材质纹理；程序化水面；大气天空渲染；以及实例化植被散射。适用于构建地形生成器、开放世界环境、景观可视化工具、飞行模拟器或任何需要程序化地面表面的3D场景。触发词：“程序化地形”、“景观生成器”、“高度图”、“地形…
在实现或重构apps/expo中的前端UI和业务逻辑时使用。强制执行业务/UI分层、基于功能的业务文件夹、效果钩子、存储使用规则以及Tailwind/NativeWind + clsx样式约定。
Blazor Server、WebAssembly和United (Auto)，包括组件、互操作性和渲染模式。涵盖.NET 8及更高版本的Blazor模式。使用时机：用户提到“Blazor”、“Blazor Server”、“Blazor WASM”、“Blazor WebAssembly”、“Blazor 组件”、“渲染模式”、“Blazor 互操作”。不适用于：Angular组件 - 使用`a…
受到Express启发的Fiber Go Web框架。涵盖了路由、中间件、上下文、WebSocket和预派生等功能。适用于类似Express的Go开发。使用场景：用户提到“fiber”、“gofiber”、“express-like go”、“fasthttp go”，或询问关于“fiber中间件”、“fiber上下文”、“fiber预派生”、“fiber WebSocket”、“go expre…
React中API消费的模式。涵盖了自定义钩子、Suspense、SWR、错误边界以及实时更新。使用场景：当用户提到“React中的数据获取”、“useFetch”、“SWR”、“fetch钩子”、“API集成”、“REST API”，或者询问有关“React数据加载”、“自定义fetch钩子”的问题时。不适用于：TanStack Query特定功能 - 请使用`state-tanstack-qu…
React Router v6+用于客户端路由。涵盖BrowserRouter、Routes、导航、数据加载、嵌套路由、受保护的路由和代码分割。使用场景：用户提到“React Router”、“路由”、“导航”、“BrowserRouter”、“Routes”、“useNavigate”、“Link”、“嵌套路由”，或询问关于“客户端路由”、“受保护的路由”、“路由参数”、“加载器”。不适用场景：…
React Context API用于在组件树之间共享状态。涵盖了createContext、useContext、Provider模式、性能优化、上下文组合，以及何时使用与其他状态解决方案的比较。使用场景：用户提到“React Context”、“createContext”、“useContext”、“Provider”、“Context API”、“依赖注入”，询问如何“避免props传递”…