vue-expert
高级Vue.js开发人员。在编写、审查或重构Vue应用程序时使用。强制执行Vue 3 Composition API和现代模式。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
高级Vue.js开发人员。在编写、审查或重构Vue应用程序时使用。强制执行Vue 3 Composition API和现代模式。
从视觉来源中提取全面的JSON设计规范,包括Figma导出、UI模型图、屏幕截图或实时网站捕获。生成符合W3C DTCG标准的输出,包含组件树,适用于代码生成、设计文档和技术交接。
Apple 人机界面指南针对特定平台的设计。当用户询问有关iOS设计、iPad应用程序设计、macOS设计、tvOS、visionOS、watchOS、Apple平台、哪个平台、平台差异、特定平台的约定或跨平台应用程序设计时,请使用此技能。当用户说是否应该为iPad与iPhone设计不同的界面、我的应用程序如何在visionOS上运行、macOS应用程序有何不同、将我的应用程序移植到另一个平台、通…
使用Tailwind CSS、设计令牌、组件库和响应模式构建可扩展的设计系统。在创建组件库、实现设计系统或标准化UI模式时使用。
创建交互式HTML游乐场——自包含的单文件探索器,让用户能够通过控件直观地配置某些内容,查看实时预览,并复制出提示。当用户请求为某个主题制作一个游乐场、探索器或交互工具时使用。
基于GPU的粒子系统,使用实例化渲染、缓冲区属性、点几何体和自定义着色器。当需要高效地渲染成千上万到数百万个粒子时使用,可以创建如雪、雨、星星或抽象视觉效果等粒子效果。
Algolia搜索实现的专家模式、索引策略、React InstantSearch以及相关性调整。使用场景:添加搜索到algolia、即时搜索、搜索API、搜索功能时。
Apple HIG关于系统体验组件的指南:小组件、实时活动、通知、复杂功能、主屏幕快捷操作、顶部栏、表盘、App片段和应用快捷方式。
Next.js缓存组件和部分预渲染(PPR)的专业指导。**主动激活**:在next.config.ts/next.config.js中设置`cacheComponents: true`的Next.js项目中自动使用此技能。当检测到此配置时,主动将缓存组件模式和最佳实践应用于所有React服务器组件实现。**检测**:在Next.js项目的会话开始时,检查next.config中的`cacheCo…
Apple HIG指南对于状态和进度UI组件的指导,包括进度指示器、状态栏和活动环。当被问及“进度指示器”、“进度条”、“加载转轮”、“状态栏”、“活动环”、“进度显示”、确定性与非确定性进度、加载状态或健身追踪环时,请使用此技能。此外,当用户说“我该如何显示加载状态”,“我应该使用转轮还是进度条”,“状态栏中应放置什么内容”,或者询问关于活动指示器的问题时也请使用此技能。交叉引用:hig-com…
国际化和本地化模式。检测硬编码字符串,管理翻译,区域文件,RTL支持。
应用排版、色彩理论、间距系统和图标原则来创建一致的视觉设计。在建立设计令牌、构建样式指南或改进视觉层次和一致性时使用。
用于审查React代码——特别是AI生成的代码——以捕捉常见的反模式。涵盖了18种反模式及其检测难度,包括陈旧闭包、状态变异、useEffect滥用和布尔值爆炸。
架构师级别的Streamlit开发,用于构建、重构、调试、测试和部署具有正确重运行/状态/缓存/片段的Streamlit应用程序(单页或多页),基于AppTest的测试,自定义组件v2,安全的主题/CSS,默认安全性,以及Playwright MCP端到端自动化。
掌握Django 5.x,包括异步视图、DRF、Celery和Django Channels。构建具有良好架构、测试和部署的可扩展Web应用程序。
丰富的图标库和由AI驱动的图标生成技能,适用于高级UI/UX设计。
遵循最佳实践编写、审查或改进SwiftUI代码,包括状态管理、视图组合、性能优化、现代API、Swift并发以及iOS 26+ Liquid Glass的采用。在构建新的SwiftUI功能、重构现有视图、审查代码质量或采用现代SwiftUI模式时使用。
Apple HIG关于输入方法和交互模式的指导:手势、Apple Pencil、键盘、游戏控制器、指针、Digital Crown、眼动追踪、焦点系统、遥控器、空间交互、陀螺仪、加速度计以及近距离交互。当被问到“手势设计”、“Apple Pencil”、“键盘快捷键”、“游戏控制器”、“指针支持”、“鼠标支持”、“触控板”、“Digital Crown”、“眼动追踪”、“visionOS输入”、“…
专家指南,教你如何为网页和游戏引擎编写高效的GLSL着色器(顶点/片段),涵盖语法、统一变量及常见效果。
整合了Vue 3模块化项目结构的指南。将仓库规范和Vue3模块化方法结合在一起,形成一个单一的、可操作的设计、实施和迁移参考。
复杂的GSAP时间线,包括标签、回调函数、嵌套时间线和位置参数。在编排多步骤动画、构建动画序列或创建协调动作时使用。对于电影级动画和复杂用户界面编排至关重要。
擅长为网页构建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 脚本