prototype-prompt-generator
当用户需要为创建UI/UX原型生成详细的、结构化的提示时,应使用此技能。当用户请求“创建一个原型提示”、“设计一个移动应用”、“生成UI规范”,或需要针对Web/移动应用程序的全面设计文档时触发。支持多种设计系统,包括微信工作、iOS原生、材料设计和蚂蚁设计移动版。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
当用户需要为创建UI/UX原型生成详细的、结构化的提示时,应使用此技能。当用户请求“创建一个原型提示”、“设计一个移动应用”、“生成UI规范”,或需要针对Web/移动应用程序的全面设计文档时触发。支持多种设计系统,包括微信工作、iOS原生、材料设计和蚂蚁设计移动版。
针对heroui native的逐步指导
在服务层封装CollectionView以维护WPF中的MVVM原则。在实现过滤、排序或分组时使用,同时保持ViewModels不依赖于WPF。
使用WebGPU计算(带WebGL2回退)在Three.js中生成令人惊叹的程序化夜空、星场、星云和天体现象。包括基于科学依据的星场,具有光谱色温、基于星等的亮度和闪烁效果;体积星云,包含发射/吸收/反射类型;银河系带;可选线条叠加的星座;带有相位光照的行星和卫星;流星和流星雨;极光集成;日食和月食;带有离子/尘埃尾迹的彗星;作为深空背景对象的星系;以及一个完整的天空穹顶控制器,具有夜晚时间进展、…
ASP.NET Core SignalR用于实时中心、客户端、组和流。涵盖强类型中心和中心过滤器。使用时机:用户提到“SignalR”、“实时”、“WebSocket”、“中心”、“实时通知”、“.NET WebSocket”、“推送通知”。不适用于:Spring WebSocket - 请使用`spring-websocket`,Socket.IO - 请使用Angular/React WebS…
Three.js 资源加载 - GLTF、纹理、图像、模型、异步模式。在加载3D模型、纹理、HDR环境或管理加载进度时使用。
Three.js着色器 - GLSL、ShaderMaterial、uniforms、自定义效果。在创建自定义视觉效果、修改顶点、编写片段着色器或扩展内置材质时使用。
此技能强制React组件遵循容器/视图模式。在创建新组件、验证现有组件或重构组件以遵循关注点分离模式(其中容器处理逻辑,视图处理展示)时应使用此技能。
创建视图的分步指南
逐步指导进行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客户端设置”、“请求拦…
Thymeleaf模板引擎用于Java/Spring。涵盖了HTML模板、表达式、片段、国际化以及电子邮件模板。使用场景:当用户提到"thymeleaf"、"spring template"、"HTML template Spring"、"email template Java"、"th:text"、"th:each"、"th:if"、"fragments"、"layout"时。不适用于:REST…
Three.js光照 - 光源类型、阴影、环境光照。在添加光源、配置阴影、设置基于图像的光照(IBL)或优化光照性能时使用。
生成与cisdigital-generator-app相同逻辑的EliteForge前端项目。重用针对frontend_app/frontend_ui/frontend_sdk的确切项目类型到模板映射、公司/产品/服务的命名规则以及onebase-cli命令组装。当用户请求搭建EliteForge前端应用程序项目、Vue3组件monorepo项目、JS SDK/lib项目,或者请求与此生成器对齐的…
此技能提供了减少React组件中认知复杂性的策略和模式。当ESLint报告sonarjs/cognitive-complexity违规、重构复杂的View组件或计划如何分解大型组件时,应使用此技能。在提取组件时,该技能强制执行此项目的Container/View模式要求。
FluentUI Blazor的逐步指导
商店模块架构的逐步指导
使用WebGPU光线行进技术在Three.js中生成美丽的程序化云,并带有WebGL2公告牌/网格回退。涵盖了所有10种主要的云属(积云、层云、卷云、积雨云、层积云、高积云、高层云、雨层云、卷层云、卷积云),采用物理启发式的光照,包括银边、神光、日落色彩以及Mie/Rayleigh散射近似。提供体积光线行进、公告牌替身和网格集群渲染路径,支持动画漂移、变形及动态形成/消散。适用于构建天空、云景、天…
Gin Go web框架。涵盖了路由、中间件、绑定、验证和渲染。用于快速、极简的Go API。使用时机:用户提到“gin”、“gin-gonic”、“go web框架”、“go rest api”,询问关于“gin中间件”、“gin绑定”、“gin验证”、“gin路由器”、“快速go api”、“gin上下文”。不适用于:Echo项目 - 请改用`echo`,Fiber项目 - 请改用`fiber…
Three.js纹理 - 纹理类型、UV映射、环境贴图、纹理设置。在处理图像、UV坐标、立方体贴图、HDR环境或纹理优化时使用。
Three.js几何体创建-内置形状、BufferGeometry、自定义几何体、实例化。在创建3D形状、处理顶点、构建自定义网格或使用实例化渲染进行优化时使用。
此技能应在重构现有CSS时使用,即将内联样式或实用类转换为语义模式。触发词包括“重构CSS”、“提取样式”、“整合CSS”、“转换内联”、“清理样式”、“迁移到语义”。转换为具有暗模式的语义类并进行测试。
Litestar Python Web框架的专业知识。在处理Litestar路由、插件、中间件、依赖注入或配置时使用。