创建一个库级别的Vue组合式函数，该函数接受可能具有响应性的输入（MaybeRef / MaybeRefOrGetter），这样调用者可以传递普通值、ref或getter。在响应式效果（如watch/watchEffect）内部使用toValue()/toRef()来规范化输入，以保持行为的可预测性和响应性。当用户要求创建适应性强或可重用的组合式函数时，请使用此技能。

download12deployed_code—star219

查看详情资源包

personjakexiao无需 Key

visualization

从数据创建交互式图表可视化（条形图、折线图、饼图）。

download12deployed_code—star111

查看详情资源包

personjakexiao无需 Key

fixing-motion-performance

审核并修复动画性能问题，包括布局抖动、合成器属性、滚动关联运动和模糊效果。当动画卡顿、过渡不流畅或审查CSS/JS动画性能时使用。

download12deployed_code—star2

查看详情资源包

personjakexiao无需 Key

home-assistant-dashboards-cards

Home Assistant Lovelace 仪表板和卡片。当用户询问关于仪表板结构、视图/部分、卡片类型、资源或HACS卡片时使用，并且在将这些需求映射到ha-mcp仪表板工具时也适用。

download12deployed_code—star39

查看详情资源包

personjakexiao无需 Key

docfactory-uiux

为一个新的应用想法创建03-ui-ux-spec.md（包括IA、Expo Router路线图、屏幕列表、设计令牌、组件清单、可访问性）。在使用docfactory-prd之后，用来定义视觉和交互层。这对于确保一致的、目标导向的移动UI以及防止开发过程中的“设计漂移”至关重要。

download12deployed_code—star5

查看详情资源包

personjakexiao无需 Key

web-performance-optimization

优化网站和Web应用程序的性能，包括加载速度、核心网页指标、包大小、缓存策略和运行时性能

download12deployed_code—star219

查看详情资源包

personjakexiao无需 Key

marp-slide

创建具有7种美丽主题（默认、极简、多彩、暗色、渐变、科技、商务）的专业Marp演示文稿幻灯片。当用户请求创建幻灯片、演示文稿或Marp文档时使用。支持自定义主题、图片布局以及带有自动质量改进的“让它看起来更好”的请求。

download12deployed_code—star219

查看详情资源包

personjakexiao无需 Key

next-best-practices

Next.js最佳实践 - 文件约定、RSC边界、数据模式、异步API、元数据、错误处理、路由处理器、图片/字体优化、打包

download12deployed_code—star219

查看详情资源包

personjakexiao无需 Key

website-maintainer

在`website/`目录下处理Repomix文档网站时使用此技能，包括VitePress配置、多语言内容或翻译工作流程。

download12deployed_code—star219

查看详情资源包

personjakexiao无需 Key

design-lookup

从网络上搜索和检索CSS组件、SVG图标、设计模式和视觉灵感。当用户要求查找、查询或搜索CSS代码片段、SVG图标、UI组件、加载动画、动画效果、设计灵感或任何视觉/前端设计资源时使用。触发请求如“找一个CSS按钮”、“查一下SVG加载动画”、“搜索卡片组件”、“找一个波浪分隔符SVG”或“获取仪表盘的设计灵感”。

download12deployed_code—star0

查看详情资源包

personjakexiao无需 Key

react-best-practices

来自Vercel工程的React和Next.js性能优化指南。在编写、审查或重构React/Next.js代码以确保最佳性能时应使用此技能...

download12deployed_code—star3

查看详情资源包

personjakexiao无需 Key

alpinejs

AlpineJS的最佳实践和模式。在使用Alpine.js指令编写HTML时遵循这些指导原则，以避免常见的错误，如过长的内联JavaScript字符串。

download12deployed_code—star0

查看详情资源包

personjakexiao无需 Key

busirocket-react

应用React组件和钩子结构规则以及Zustand状态管理。在编写或重构React组件、提取钩子、决定客户端与服务端组件、实现全局状态（Zustand）、模态框或避免props穿透时使用。

download12deployed_code—star0

查看详情资源包

personjakexiao无需 Key

wiki-vitepress

将生成的wiki Markdown打包成一个具有暗色主题的VitePress静态站点，支持暗模式Mermaid图表和点击缩放功能，并提供生产构建输出。当用户希望从生成的wiki页面创建一个可浏览的网站时使用。

download12deployed_code—star219

查看详情资源包

personjakexiao无需 Key

responsive-design

创建适用于所有设备和屏幕尺寸的响应式网页设计。在构建移动优先布局、实现断点或针对不同视口进行优化时使用。处理CSS Grid、Flexbox、媒体查询、视口单位以及响应式图片。

download12deployed_code—star219

查看详情资源包

personjakexiao无需 Key

vue-development-guides

使用Vue.js开发应用程序的最佳实践和技巧集合。在开发、重构或审查Vue.js或Nuxt项目时必须应用此技能。

download12deployed_code—star219

查看详情资源包

personjakexiao无需 Key

antv-l7

AntV L7地理空间可视化库的全面指南。当用户需要：(1) 使用WebGL渲染创建交互式地图 (2) 可视化地理数据（点、线、多边形、热力图）(3) 构建基于位置的数据仪表板 (4) 添加地图层、交互或动画 (5) 处理和显示GeoJSON、CSV或其他空间数据 (6) 将地图与AMap（高德地图）、Mapbox、Maplibre或独立L7 Map集成 (7) 优化大规模地理数据集的性能

download12deployed_code—star4K

查看详情资源包

personjakexiao无需 Key