design-lookup
从网络上搜索和检索CSS组件、SVG图标、设计模式和视觉灵感。当用户要求查找、查询或搜索CSS代码片段、SVG图标、UI组件、加载动画、动画效果、设计灵感或任何视觉/前端设计资源时使用。触发请求如“找一个CSS按钮”、“查一下SVG加载动画”、“搜索卡片组件”、“找一个波浪分隔符SVG”或“获取仪表盘的设计灵感”。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
从网络上搜索和检索CSS组件、SVG图标、设计模式和视觉灵感。当用户要求查找、查询或搜索CSS代码片段、SVG图标、UI组件、加载动画、动画效果、设计灵感或任何视觉/前端设计资源时使用。触发请求如“找一个CSS按钮”、“查一下SVG加载动画”、“搜索卡片组件”、“找一个波浪分隔符SVG”或“获取仪表盘的设计灵感”。
Angular性能优化和最佳实践指南。在编写、审查或重构Angular代码以实现最佳性能、包大小和渲染效率时使用。
构建与Botpress ADK机器人集成的前端应用程序的指南 - 涵盖认证、类型生成、客户端设置以及调用机器人动作
在使用WordPress设计系统(WPDS)及其组件、标记、模式等构建用户界面时使用。
在创建新功能/组件/页面或设置前端项目结构时主动应用。触发于FSD、特性切片、前端架构、层次结构、模块边界、可扩展的前端、切片组织。在重构React/Next.js/Vue/Remix项目、组织前端代码、修复导入违规或迁移遗留代码库时使用。面向前端项目的特性切片设计(FSD)架构。
FluentUI Blazor的逐步指导
商店模块架构的逐步指导
使用WebGPU光线行进技术在Three.js中生成美丽的程序化云,并带有WebGL2公告牌/网格回退。涵盖了所有10种主要的云属(积云、层云、卷云、积雨云、层积云、高积云、高层云、雨层云、卷层云、卷积云),采用物理启发式的光照,包括银边、神光、日落色彩以及Mie/Rayleigh散射近似。提供体积光线行进、公告牌替身和网格集群渲染路径,支持动画漂移、变形及动态形成/消散。适用于构建天空、云景、天…
专家指导如何使用AI SDK React钩子构建聊天UI。使用场景:(1) 使用useChat钩子构建聊天机器人,(2) 实现具有服务器/客户端执行的工具UI,(3) 处理消息持久性和流恢复,(4) 使用React组件创建生成型UI,(5) 与Next.js/Node/Fastify/Nest后端集成,(6) 使用useObject进行结构化数据流处理。触发词:useChat, useObject…
掌握使用Signals、NgRx和RxJS进行现代Angular状态管理。在设置全局状态、管理组件存储、选择状态解决方案或从旧模式迁移时使用。
Home Assistant Lovelace 仪表板和卡片。当用户询问关于仪表板结构、视图/部分、卡片类型、资源或HACS卡片时使用,并且在将这些需求映射到ha-mcp仪表板工具时也适用。
为一个新的应用想法创建03-ui-ux-spec.md(包括IA、Expo Router路线图、屏幕列表、设计令牌、组件清单、可访问性)。在使用docfactory-prd之后,用来定义视觉和交互层。这对于确保一致的、目标导向的移动UI以及防止开发过程中的“设计漂移”至关重要。
当用户需要为创建UI/UX原型生成详细的、结构化的提示时,应使用此技能。当用户请求“创建一个原型提示”、“设计一个移动应用”、“生成UI规范”,或需要针对Web/移动应用程序的全面设计文档时触发。支持多种设计系统,包括微信工作、iOS原生、材料设计和蚂蚁设计移动版。
针对heroui native的逐步指导
在服务层封装CollectionView以维护WPF中的MVVM原则。在实现过滤、排序或分组时使用,同时保持ViewModels不依赖于WPF。
使用WebGPU计算(带WebGL2回退)在Three.js中生成令人惊叹的程序化夜空、星场、星云和天体现象。包括基于科学依据的星场,具有光谱色温、基于星等的亮度和闪烁效果;体积星云,包含发射/吸收/反射类型;银河系带;可选线条叠加的星座;带有相位光照的行星和卫星;流星和流星雨;极光集成;日食和月食;带有离子/尘埃尾迹的彗星;作为深空背景对象的星系;以及一个完整的天空穹顶控制器,具有夜晚时间进展、…
无头UI - 为React和Vue提供的无样式、完全可访问的UI组件,内置ARIA模式
来自Vercel工程的React和Next.js性能优化指南。在编写、审查或重构React/Next.js代码以确保最佳性能时应使用此技能...
AlpineJS的最佳实践和模式。在使用Alpine.js指令编写HTML时遵循这些指导原则,以避免常见的错误,如过长的内联JavaScript字符串。
应用React组件和钩子结构规则以及Zustand状态管理。在编写或重构React组件、提取钩子、决定客户端与服务端组件、实现全局状态(Zustand)、模态框或避免props穿透时使用。
创建视图的分步指南
逐步指导进行Livewire开发
使用VirtualizingStackPanel实现WPF UI虚拟化,适用于大数据集。当在ItemsControl、ListView或DataGrid中显示1000个以上项目时使用,以防止内存和性能问题。
前端和Node.js的HTTP客户端。涵盖Axios、Fetch API、ky和ofetch。包括拦截器、错误处理、重试逻辑和认证令牌管理。用于配置API客户端和HTTP通信。使用场景:当用户提到“HTTP客户端”、“Fetch API”、“ky”、“ofetch”、“HTTP封装”、“重试逻辑”、“令牌刷新”,或者询问“使用哪个HTTP客户端”、“HTTP请求库”、“API客户端设置”、“请求拦…