convex-realtime
convex-realtime 是一个面向 AI 智能体的可安装技能，用于在 Convex 订阅之上构建响应式 UI，涵盖 useQuery 模式、乐观更新、保持实时的分页、在线状态以及避免订阅抖动。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-04 00:13
前端与建站
11,427 个结果
skyline-overview
Skyline 是微信小程序的新一代渲染引擎，本技能提供其概览与迁移指导。内容涵盖 Skyline 架构与性能优势（独立渲染线程、共享渲染实例、首屏性能提升、同步光栅化、无页面栈层数限制）、环境最低版本要求、快速开始所需的 app.json 与页面配置、文档索引、强制规则（MUST 与 NEVER）、迁移检查清单、渲染引擎判断方式（this.renderer 与 wx.getSkylineInfo 系列 API）、预加载与长列表优化提示，以及相关技能与 References 目录结构。适用于初次接触 Skyline、评估是否迁移、查看版本更新日志、了解与 WebView 的差异兼容性，或获取迁移步骤和最佳实践等场景。
skyline-worklet
微信小程序 Skyline 渲染模式下的 Worklet 动画系统技能，用于在 UI 线程实现手势跟随、拖拽、弹簧回弹等高性能交互动画，涉及 worklet 函数、SharedValue、timing/spring/decay 动画及线程通信。
rp-source-wordpress
WordPress/WooCommerce 源适配技能，为迁移流程提供 REST 抓取、认证、分页与读取契约，供发现与代码生成两阶段参考，不直接执行导入。
wix-create-studio-two-site
Wix create Studio 2 site 是一个 Wix 官方技能，用于通过 Wix CLI 在独立本地文件夹中创建全新的空白 Wix Studio 2 站点，启动本地预览并分享 localhost 链接，然后将后续建站工作交给项目环境完成。它包含环境检查（wix whoami、wix origami --help、git --version）、CLI 与插件安装指引、登录授权、站点创建与导出、文件夹重命名、依赖安装与本地预览启动等步骤，并明确不发布站点、不在此阶段编辑站点文件。
wix-harmony-editor
Wix Harmony 编辑器操作技能：通过本地 Chrome CDP 会话配合 Playwright，连接到已认证的 Wix Harmony 编辑器，用于检查、修改、保存站点编辑内容。该技能强调先读取再写入、不擅自发布、仅处理可见前端内容，并提供启动、连接、API 调用与批量脚本等说明。
create-website
一个可交互、可续跑的建站引导技能，按“信息—设计—转化”顺序编排十个子技能，逐步产出消息策略、设计与转化文档。
grow-website
grow-website 是 wondelai/skills 中一套按阶段推进的网站增长引导流程，面向已有流量但转化不足的站点，把流量问题当作转化问题处理，通过八个阶段依次完成转化研究、线索捕获、信息清晰化、记忆点、说服力、报价重建、可传播性与生命周期连接；所有状态保存在 docs/ 目录，可跨会话暂停与恢复。
improve-website
一个可交互、可续跑的网站优化技能：从表现不佳的线上网站出发，经八个阶段诊断转化、可用性、视觉层级、排版、信息、速度、记忆点与错误设计，产出按优先级排序、有证据支撑的改进待办，每项改动都绑定理由，重大改动以测试形式上线。
wordpress-router
wordpress-router 是 WordPress 官方 agent-skills 中的路由技能，用于在 WordPress 任务开始时识别代码库类型（插件、主题、区块主题、WP 核心检出或整站），选择合适工作流与护栏并委派给对应领域技能。
wp-interactivity-api
WP Interactivity API 是 WordPress 官方技能，用于构建或调试使用 Interactivity API 的交互式功能。它覆盖 data-wp-* 指令（如 data-wp-interactive、data-wp-on--*、data-wp-bind--*、data-wp-context）、@wordpress/interactivity 的 store/state/actions，以及基于 module 的区块视图脚本（viewScriptModule）。该技能适用于区块、主题或插件层面的互动增强，也用于排查“指令不触发”或水合（hydration）问题。核心实践是服务端预渲染：通过 block.json 的 supports.interactivity、wp_interactivity_process_directives()、wp_interactivity_state()、wp_interactivity_data_wp_context() 在 PHP 中初始化状态与上下文，保证首屏 HTML 正确并顺畅水合。同时包含 WordPress 6.9 变更说明、构建工具校验、常见故障排查与验证步骤。
wot-ui-v2
该技能用于在回答、生成、重构或排查 wot-ui v2 相关代码时提供支持，关键词包括 wot-ui、uni-app、Vue3、wd- 组件、ConfigProvider、useToast、useDialog、Form、Popup、theme、llms-full。适用于组件选型、API 查询、示例页面生成、主题定制和常见问题排查。它让 Agent 在处理相关任务时优先采用组件库既有能力、遵守 uni-app 场景限制，并借助仓库提供的 wot CLI 查询离线知识。默认将 wot-ui 视为 uni-app + Vue 3 + TypeScript 组件库；写页面时优先输出 script setup 风格；反馈类能力除 hook 调用外通常还需在页面内显式声明对应组件实例；文档中的 @/uni_modules/wot-ui 导入路径在项目采用 npm 安装时应切换为 @wot-ui/ui；主题定制优先使用 ConfigProvider 和 CSS 变量，而不是深度覆盖内部类名。
accessibility-compliance
用于实现符合 WCAG 2.2 的无障碍界面，涵盖移动端无障碍、包容性设计模式与辅助技术支持，适用于无障碍审计与修复。
angular-migration
用于将 AngularJS（1.x）应用迁移到 Angular（2+）的技能，涵盖混合应用、组件改写、依赖注入与路由迁移，适合升级旧版 AngularJS 项目。
brand-landingpage
品牌优先的落地页设计技能：先进行品牌访谈（颜色、字体、形状语言），再通过 Stitch 生成并迭代精修落地页，最终输出可部署的打包文件。适用于单页落地页与产品营销站。
nextjs-app-router-patterns
该技能围绕 Next.js 14+ App Router 架构，整理了服务端组件、流式渲染、并行路由与高级数据获取等模式，用于构建新应用或将 Pages Router 迁移到 App Router。内容涵盖渲染模式选择（服务端组件、客户端组件、静态、动态、流式）、app 目录文件约定（layout、page、loading、error、not-found、route、template、default、opengraph-image 等），并给出根布局与默认服务端组件的快速上手示例，以及服务端与客户端边界、悬念边界、Server Actions、缓存与 revalidate 等最佳实践建议。
react-modernization
React Modernization 是一个用于 React 应用现代化改造的技能（skill），主要覆盖 React 版本升级、类组件向 Hooks 迁移、并发特性（Concurrent Features）采用以及 codemod 自动化重构。它的适用场景包括：将 React 应用升级到较新版本；把 class 组件改写为带 Hooks 的函数组件；采用 React 18 及以上的并发特性（如 Suspense、transitions）；通过 codemod 进行自动化重构；现代化状态管理模式；迁移到 TypeScript；以及借助 React 18+ 特性提升性能。资料给出了 React 16 → 17 → 18 的升级路径与各版本的破坏性变更清单，并提供了状态管理、生命周期、Context/HOC 改 Hooks、新根 API、自动批处理、Transitions、Suspense 数据获取等具体代码对照示例。
react-native-design
一个面向 React Native 跨平台移动开发的技能，讲解样式编写、React Navigation 导航与 Reanimated 3 动画，帮助构建具备原生质感的移动应用界面。
react-state-management
这是一个关于现代 React 状态管理的技能文档，系统梳理了从局部组件状态到全局状态、服务端状态同步的实践模式。内容覆盖 Redux Toolkit、Zustand、Jotai、React Query、SWR 等主流方案，帮助开发者判断何时设置全局状态、如何在几种库之间做选择、如何管理服务端数据与缓存，以及如何实现乐观更新。文档按状态类别划分了局部状态、全局状态、服务端状态、URL 状态和表单状态，并给出对应的推荐方案；同时提供了选型标准、Zustand 快速上手示例、最佳实践清单和从旧版 Redux 迁移到 Redux Toolkit 的对照示例。适用于需要在 React 应用中搭建或重构状态管理方案、调试状态相关问题、以及从遗留 Redux 代码迁移到现代写法的开发场景。
responsive-design
一份关于现代响应式设计实践的技能资料，涵盖容器查询、流式排版、CSS Grid、移动优先断点策略、响应式图片与自适应导航等主题，适用于构建跨屏幕尺寸自适应的界面。
visual-edit-precision
面向前端/UI 视觉化修改的技能：当用户通过元素选中、标注或截图给出视觉上下文时，只做最小且精准的改动，保留其余代码、样式与行为，避免过度重构。
nextjs-app-router-fundamentals
指导使用 Next.js 13+ App Router 的技能文档，涵盖从 Pages Router 迁移、文件式路由约定、布局、元数据处理与 generateStaticParams 静态生成等现代 Next.js 模式，并强调 TypeScript 禁用 any。
kill-ai-slop
kill-ai-slop 是一个用于从网页项目中查找并清除“AI slop”（vibe-coded 产品常见的通用、机器默认视觉与文案习惯）的技能。它先扫描代码定位可疑信号，再经人工判断区分刻意设计与默认堆砌，最后做最小修改。
zustand-patterns
Zustand 5.x 状态管理参考，涵盖 slices、中间件、Immer、useShallow、持久化、选择器与 devtools 集成，并记录相关核心模式与防反模式建议。