3d-web-experience
擅长为网页构建3D体验 - Three.js、React Three Fiber、Spline、WebGL以及交互式3D场景。涵盖产品配置器、3D作品集、沉浸式网站等...
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
擅长为网页构建3D体验 - Three.js、React Three Fiber、Spline、WebGL以及交互式3D场景。涵盖产品配置器、3D作品集、沉浸式网站等...
精通安全前端编码实践的专家,专长于防止XSS攻击、输出清理以及客户端安全模式。
CRITICAL: 用于Makepad Splash脚本语言。触发条件:splash语言、makepad脚本、makepad脚本编写、script!、cx.eval、makepad动态、makepad AI、splash 语言、makepad 脚本
Three.js纹理 - 纹理类型、UV映射、环境贴图、纹理设置。在处理图像、UV坐标、立方体贴图、HDR环境或纹理优化时使用。
当用户需要使用TanStack DB来构建应用程序中的响应式数据层时,应使用此技能。它提供了关于集合、实时查询、变异、模式验证、错误处理以及包括LocalStorage和ElectricSQL在内的各种集成的全面指导。
在React Native/Expo项目中使用Gluestack UI强制执行原子设计方法论(原子、分子、生物、模板、页面)。当创建新组件、验证现有组件组织、审查组件放置决策或规划组件架构时,应使用此技能。利用此技能确保组件被正确分类、放置在正确的目录中,并遵循与其原子级别相适应的组合模式。
从这里开始处理任何React组件任务,以强制执行标准的Canvas组件契约。用于创建、修改、重构、审查、迁移或验证工作。建立标准的Canvas组件契约,假设存储库组件是Canvas目标,并指导(1)将现有组件转换为满足Canvas要求,或(2)创建新的符合Canvas要求的组件。
使用C#和.NET构建WPF桌面应用程序的最佳实践。适用于从事WPF项目、.NET桌面应用程序、XAML用户界面、MVVM架构、系统托盘应用程序,或任何使用Windows Presentation Foundation的C#项目时。
Algolia搜索实现的专家模式、索引策略、React InstantSearch以及相关性调整。使用场景:添加搜索到algolia、即时搜索、搜索API、搜索功能时。
Apple HIG关于系统体验组件的指南:小组件、实时活动、通知、复杂功能、主屏幕快捷操作、顶部栏、表盘、App片段和应用快捷方式。
交互式可视化库。当您需要悬停信息、缩放、平移或可嵌入网页的图表时使用。最适合用于仪表板、探索性分析和演示。对于静态出版物图表,请使用matplotlib或科学可视化。
H5 移动端项目样式编写规范指南。适用于:(1) 编写新组件样式,(2) 修改或重构已有组件样式,(3) Code Review 检查样式代码是否符合规范,(4) 解答样式写法相关问题。核心约定:camelCase 命名,rem 适配(750px 设计稿基准),多种样式方案混合使用。触发词包括:写样式、CSS规范、SCSS规范、样式检查、样式规范、rem适配、H5适配、组件样式。
专业的图形、UI/UX设计师,负责创建模型图、线框图和视觉设计。当用户需要帮助设计界面、创建模型图、布局原型、视觉设计反馈、设计系统、品牌标识、选择颜色/字体或创建图形时使用。触发词包括“设计”、“模型图”、“线框图”、“UI”、“UX”、“界面”、“视觉”、“品牌”或“原型”。
顶级Pro Max级别的UI/UX设计智慧,现代界面和风格库。
边框实用工具 Tailwind CSS v4.1。边框(border-width, border-color, border-style, border-radius, rounded-*)、轮廓(outline-*, outline-offset)、环(ring-*, ring-offset)、分割线(divide-*)。
在使用reveal.js创建或更新演示文稿时使用,包括设置、幻灯片编写、插件、动画、导航和导出。
掌握Django 5.x,包括异步视图、DRF、Celery和Django Channels。构建具有良好架构、测试和部署的可扩展Web应用程序。
丰富的图标库和由AI驱动的图标生成技能,适用于高级UI/UX设计。
专家级ReactFlow架构师,用于构建具有层次节点-边系统的交互式图形应用程序,性能优化和自动布局集成。当Claude需要创建或...
draw.io图表的创建、编辑和审阅。用于.drawio XML编辑、PNG转换、布局调整以及AWS图标的使用。
使用Chrome DevTools MCP分析网页性能。测量核心网页指标(FCP、LCP、TBT、CLS、速度指数),识别阻止渲染的资源、网络依赖链、布局偏移、缓存问题和可访问性差距。当被要求审核、分析、调试或优化页面加载性能、Lighthouse评分或网站速度时,请使用此方法。偏向于从当前文档中检索信息而不是预训练的知识。
定义Canvas组件的有效component.yml元数据,包括props、slots和enums。在以下情况下使用:(1) 创建新组件时,(2) 添加或修改props时,(3) 解决“不是有效选项”或prop类型错误时,(4) 将enums映射到CVA变体时。
调研研究出版物并创建直观的交互式成果。当用户要求(1)调研/分析研究人员的出版物,(2)比较多种研究方法/论文,(3)以可视化方式解释研究架构,(4)创建学术论文的视觉摘要时使用。触发短语包括“연구 정리”、“논문 서베이”、“research survey”、“compare papers”、“visualize research”、“아티팩트로 만들어줘”、“이해하기 쉽게 정리”。
将Stitch屏幕转换为React组件系统 — 包括提取设计令牌、分解组件、生成TypeScript类型、自动验证。触发条件:Stitch React、组件转换、React转换、HTML到React。不适用于:创建新的React应用程序、实现API。