stitch-uview-components
将 Stitch 设计稿转换为 uni-app + Vue 2 + uView 2.0 页面与组件的技能，仅当用户明确提到 Stitch 并要求转换为 uni-app、uView 2 时使用。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
前端与建站
11,329 个结果
stitch-uviewpro-components
将 Stitch 设计稿转换为 uni-app + Vue 3 + uView Pro 页面与组件的技能，仅在用户明确提到 Stitch 且目标为 uni-app + Vue 3 + uView Pro 时使用。
stitch-vue-bootstrap-components
Stitch to Vue 3 + Bootstrap 组件转换技能。该技能用于把 Stitch 设计稿转换为模块化的 Vite + Vue 3 + BootstrapVue/BootstrapVueNext 组件。仅在用户明确提到 “Stitch” 并需要将 Stitch 屏幕转换为 Vue 3 + Bootstrap（Vite、.vue 单文件组件、BootstrapVue Vue 3 或 BootstrapVueNext）时使用。它会通过 Stitch MCP 获取屏幕元数据与 HTML，并按架构规则拆分模块化组件、隔离逻辑、抽离数据，使用 Bootstrap 组件（如 b-card、b-alert、b-container、b-row、b-col、b-button 等）替代原生 div 与 button 结构，最终完成接线与质量检查。
stitch-vue-layui-components
将 Stitch 设计稿转换为模块化 Vite + Vue 3 + Layui-Vue 组件的技能，仅在用户明确提到 Stitch 并需转换为 Vue 3 + Layui-Vue 时使用，通过 Stitch MCP 获取屏幕元数据与 HTML。
stitch-vue-vant-components
将 Stitch 设计稿转换为模块化 Vite + Vue 3 + Vant 4 移动端组件的技能，仅在用户明确提到 Stitch 并需要转换为 Vue 3 + Vant 4 时使用。
stitch-loop
stitch-loop 是一个基于 Stitch 的迭代式多页网站构建技能，通过 next-prompt.md 接力棒循环，逐页读取提示、用 Stitch MCP 生成页面、集成到站点并写下下一棒，实现自主前端建站。仅在用户明确提到 Stitch 且涉及多页或迭代建站时使用。
stitch-uviewpro-components
将 Stitch 设计稿转换为 uni-app + Vue 3 + uView Pro 页面与组件的技能，通过 Stitch MCP 获取屏幕元数据与 HTML，并按 uView Pro 组件规范生成模块化代码。仅在用户明确提到 Stitch 且目标为 uni-app + uView Pro 时使用。
xanimations
xanimations 是一个面向 CSS 原生动画架构的技能，用于构建、审查和调试滚动驱动动画、滚动状态查询（stuck/snapped/scrollable）、视差等效果，强调结构、触发器、时间线、状态查询、令牌与降级方案。
component-scaffold-generator
Component Scaffold Generator 用于生成 React/Vue 组件脚手架，包含 TypeScript 类型、变体、样式接入、测试文件、Storybook 故事与用法文档，帮助按统一结构产出可用于生产的组件骨架。
dark-mode-implementer
Dark Mode Implementer 是一个用于实现完整明暗主题系统的技能，支持 CSS 变量、Tailwind dark mode、React Context 与系统偏好检测，帮助构建可持久化且无闪烁切换的深浅色主题方案。
form-wizard-builder
用于构建多步骤表单的 React 技能：以 Zod/Yup 校验模式、步骤组件、共享状态（Zustand/Context）、进度指示、复核页与错误处理组织向导式表单流程。
i18n-frontend-implementer
i18n Frontend Implementer 是一个前端国际化（i18n）实现技能，用于为前端项目添加国际化基础设施。它支持使用 next-intl、react-i18next 或类似库进行集成，涵盖翻译管道搭建、可扩展的翻译键策略、日期/数字/货币格式化、复数规则处理以及语言切换器等内容。该技能提供从安装依赖、创建语言字典、配置 Provider、组织层级化翻译键，到格式化与语言切换的完整流程，并给出翻译结构示例与使用示例，帮助开发者系统化地完成前端多语言支持。
react-hook-builder
React Hook Builder 是一个用于创建自定义 React Hook 的技能，帮助开发者按照最佳实践和 TypeScript 模式构建可用于生产环境的 Hook。它覆盖数据获取、表单处理、本地存储、防抖节流等常见场景，提供完整的类型定义、边界情况处理（加载、错误、清理）以及性能优化建议。适用于需要封装可复用 React 逻辑、统一 Hook 命名规范、并希望获得类型安全与测试覆盖的前端开发场景。
react-server-components
面向 Next.js App Router 的 React Server Components（RSC）实践技能，讲解服务端与客户端组件划分、数据获取、流式渲染、Server Actions 与缓存策略，并给出常见场景的代码模式与最佳实践清单。
responsive-design-system
面向 Tailwind CSS 的响应式设计系统实现技能，覆盖移动优先断点、容器查询、流式排版与自适应布局。可用于定义断点、搭建响应式栅格、处理响应式图片与导航、响应式表格及触控目标，并在多视口设备上测试验证。
tanstack-query-setup
用于在 React/Next.js 项目中集成 TanStack Query（React Query）管理服务端状态的技能，涵盖缓存、查询、变更、乐观更新与无限查询的配置与最佳实践。
zustand-state-builder
zustand-state-builder 是一个使用 Zustand 构建轻量级、可扩展状态管理的中文技能文档，覆盖 TypeScript 类型、devtools、持久化与模块化 store 模式。安装：npm install zustand；可选 npm install immer。
tailwind-plugin-craft
用于设计、构建和打磨纯 CSS（零 JavaScript）Tailwind CSS v4 插件的技能，强调以少量可组合工具类实现有深度的视觉效果，并完成硬化与打包。
00-client-intake
两阶段客户接洽技能：第一阶段用10个标准问题生成客户简报草稿，第二阶段根据回答找出缺口并生成5至7个针对性追问，最终完成简报以便交接后续策略技能。
biz-dev-reactivation-campaign
面向客户休眠客户名单的再激活营销技能，产出四段式邮件或短信序列以快速拉动收入，含策略、完整文案、推荐奖励与东非 WhatsApp 适配版。
blog-idea-generator
用于为客户网站生成15-25个针对性博客选题的技能，每个选题附约200字混合摘要（叙事简报+结构化规格）。会读取客户文档、评估信息丰富度、自适应选择20种构思方法中的5-7种，并通过引导式访谈补全信息。
owned-media-strategy
面向客户的自有媒体策略构建技能：覆盖网站/博客、邮件列表、WhatsApp Business 授权名单、短信名单等自有渠道，适用于客户过度依赖社交平台、缺乏邮件或 WhatsApp 授权计划、从零起步或准备 POEM/PESO 整合策略时使用。
behavioral-modification
通过脱敏、反向条件反射与环境管理，改善犬只吠叫、暴冲、护食、分离焦虑等不良行为，包含行为界定、策略选择、训练实施、环境管理与验证步骤，适用于中度行为问题。
setup-plaud-react-native
用于在 iOS 和 Android 的 React Native / Expo 应用中接入 Plaud SDK 本地模块（plaud-sdk），提供 BLE 扫描与连接、设备端录音事件、文件列表和音频导出能力。需真机与自定义开发构建，模拟器或 Expo Go 均无法运行。