html-slide-render
html-slide-render 是一个用于把设计文档与幻灯片计划渲染为可编辑 HTML 幻灯片的技能，输入 DESIGN.md、slide_plan.json 和 html_slide_prompts.json，输出浏览器可渲染的幻灯片项目。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,873 个结果
penpot-rename-layers
用于 Penpot 的语义化图层重命名技能：把自动生成的图层名改为对应 HTML 元素名（nav、header、main、button、h1-h6、ul、li、img 等）或 kebab-case 角色名，为无障碍审计、设计到代码评审与交付做准备。
reactflow-custom-nodes
基于 React Flow（@xyflow/react）创建自定义节点、边与连接点的技能指南，涵盖自定义节点组件、可调整大小节点、工具栏、分组容器、自定义边及连接校验等高级定制场景。
bagisto-shop-advance-theme-development
Bagisto 高级商店主题开发技能：在保留已安装的 Bagisto 商务、扩展、内容与运行时契约的前提下，按官方约定构建定制化店铺前台主题，并附不可妥协的规则与端到端交付流程。
landing-page
用于设计或重写高转化落地页（单一offer页面）的网页设计技能，覆盖页面结构、布局模式、转化策略、文案公式、SEO/AEO 检查与常见误区，适用于 SaaS、应用与服务类产品。
browser-navigation
基于 agent-browser 命令行工具的浏览器自动化技能，用于网页测试、表单填写、截图、数据提取与前端调试。通过快照获取元素引用后执行点击、输入等操作，支持多会话、网络拦截与状态保存。
vue-router
Vue Router 是 Vue.js 官方路由库，用于构建单页应用。支持嵌套路由、动态路由、导航守卫、编程式导航、命名路由与视图、HTML5 历史或哈希模式、滚动行为定制及 URL 编码等能力。
html-slide-prompt
该技能用于 HTML 幻灯片流程的第三阶段：把幻灯片计划转换为逐页可执行的实现指令，生成 html_slide_prompts.json。适合需要每页 HTML/CSS 构建提示、而非最终页面的场景。
taste-skill
面向落地页、作品集和改版的前端设计技能，通过先读需求简报再选择设计方向与三个调节旋钮（布局变化度、动效强度、视觉密度），避免AI默认的紫渐变、三卡片等套路，并给出设计系统选型与实现规范。
frontend-patterns
frontend-patterns 是一套通用前端/UI 最佳实践技能，适用于编写或修改 TSX/JSX、添加表单、按钮、对话框、弹窗、键盘快捷键以及审查 UI 变更时。它把常见交互规则固化下来，让代理直接遵循而无需逐项确认。
vite
Vite 是新一代前端构建工具，提供开发服务器、热更新（HMR）、构建、配置与插件系统，并包含 Environment API 与 Rolldown 相关内容。适用于搭建或运行 Vite 项目、进行配置与插件开发等场景。
svelte
Svelte 5 与 SvelteKit 框架技能，覆盖 runes（$state、$derived、$effect、$props、$bindable、$inspect）、snippets、细粒度响应式、组件组合与 SvelteKit 路由、加载函数、表单 action、钩子和适配器，并含 Svelte 4 到 5 的迁移模式。
paddle-webhooks
在 Next.js Route Handler 中接收并验证 Paddle Webhook 的技能，涵盖签名验证、幂等处理、重试语义与本地测试，是服务端 Paddle 集成的基础。
feature-flags-react-native
用于在 React Native 应用中集成 PostHog 功能开关（feature flags）的技能，提供安装、代码添加与最佳实践文档参考，并可通过 PostHog MCP 工具管理开关。
integration-react-native
用于在 React Native 应用中集成 PostHog 分析能力的技能，按步骤完成基础接入、编辑、修订与收尾，并提供示例项目与用户识别、错误追踪等参考文档。
integration-react-vite
PostHog 官方技能，用于为基于 Vite 构建且未使用路由的 React 应用接入 PostHog 分析，按分步工作流完成基础集成，并提供 React、用户识别等参考文档。
vitepress-skilld
vitepress-skilld 是面向 VitePress 1.6.4 的使用技能资料，帮助在编写、配置或调试导入 "vitepress" 的代码、运行 vitepress CLI 命令、编辑 .vitepress/config 或主题文件时参考。要求 Node.js 18+，采用 MIT 许可。
weapp-tailwindcss-troubleshoot
用于诊断 weapp-tailwindcss 与 weapp-tw CLI 样式问题的排障技能，按生成、转译、产物、运行时逐层定位根因，覆盖样式未生成、class 未转译、classNameSet、@source/cssEntries、source candidates、rpx、伪类等问题。
syncfusion-aspnetcore-kanban
介绍如何在 ASP.NET Core 中使用 Syncfusion EJ2 的 Tag Helper 语法实现 Kanban 看板组件，涵盖数据绑定、列与泳道配置、拖拽、卡片编辑对话框、排序优先级、校验约束、虚拟滚动、无障碍、本地化、事件与方法等主题。
syncfusion-angular-docx-editor
用于在 Angular 项目中集成 Syncfusion DOCX Editor 的技能，提供文档编辑、保护、审阅、批注、查找替换与表单字段等功能的可用 Angular 代码片段与最佳实践，需安装 @syncfusion/ej2-angular-documenteditor 并配置 Syncfusion 许可证。
review-vue
review-vue 是用于审查 Vue 3 代码框架规范的原子技能，覆盖 Composition API、响应式、组件边界、Pinia 状态、路由、性能与无障碍，输出标准格式的 findings 列表。
uniappx-uview-pro
该技能用于在 UniAppX（uni-app-x）项目中集成 uView Pro 组件库，配合 TypeScript 与 Composition API 使用。内容涵盖 easycom 自动引入配置、pages.json 与 manifest.json 配置、导航与路由、UniAppX API 与生命周期配合，以及 H5、小程序、App、nvue 等平台差异处理，并提供安装、项目搭建、主题定制、构建优化、多平台部署等示例与模板。
uview-pro-vue3
该技能用于在 uni-app 项目中使用 uView Pro 组件库构建 Vue 3 移动端界面。uView Pro 提供 100 多个组件，涵盖按钮、表单、列表、弹窗、标签页、导航栏等常用 UI 元素，并内置 HTTP 请求、存储、路由、校验、格式化等工具。使用流程为：通过 npm install uview-pro 安装，在 main.js 中注册，然后根据界面需求选择对应组件，参考示例文件使用。资料提供了表单校验的示例代码，并列出组件分类（表单、展示、反馈、导航）和工具参考（HTTP、存储、路由、校验）。适用场景包括搭建 Vue 3 / uni-app 移动端界面、配置主题与国际化、使用内置工具等。最佳实践建议按需引入、使用组合式 API、通过主题变量定制、复用内置工具并在真机测试。官方文档地址为 https://uviewpro.cn/。
vue-router-v4
Vue Router v4 使用指南技能，覆盖 Vue 3 应用中的路由配置、导航、嵌套路由、路由守卫与 Vue 3 集成等内容。适用于需要搭建 Vue 3 路由、配置路由与嵌套路由及命名路由、实现导航守卫（全局、单路由、组件内）、使用 router.push()/router.replace() 等编程式导航、处理动态路由匹配与路由参数、使用路由元信息与路由记录、实现路由懒加载与代码分割、结合组合式 API（useRouter、useRoute）、配置不同历史模式（hash、HTML5 history、memory）、处理滚动行为与过渡、使用 TypeScript 类型化路由、从 Vue Router 3 迁移到 v4、扩展 RouterLink 组件、处理导航失败与错误、以及运行时动态添加/移除路由等场景。技能内容按 Vue Router 官方文档结构组织，提供基础与高级示例文件、API 参考与模板。