sveltekit-best-practices
SvelteKit 与 Svelte 5 编码最佳实践技能，用于让 AI 代理避免生成 Svelte 4 的旧写法，改而使用 runes、load 函数与表单动作等现代 Svelte 模式。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,905 个结果
avue-crud
avue-crud 是 Avue 框架中用于构建配置驱动 CRUD 表格的技能，支持列定义、分页、搜索、排序、行增删改操作、数据导出、批量操作及表单校验，通过 option 对象集中配置表格行为。
3d-camera-interaction
Three.js 中处理 3D 模型拖拽、缩放与边界检测的方法，解决鼠标移动与模型移动不同步、缩放后只能看到模型一部分等问题。
wordpress-ai-image-optimizer
面向 WordPress 的 AI 图片优化技能，可扫描媒体库与页面中的图片，完成压缩、格式转换、缩放、SEO 友好重命名和缺失 alt 文本生成，并在副本中更新引用，原文件保留可回滚。需 Respira for WordPress 插件与 MCP 连接。
webkit-integration
在 SwiftUI 中集成 WebKit，用 WebView 与 WebPage 嵌入和控制网页内容，支持加载、导航、JavaScript 互操作与视图定制；适用于在 SwiftUI 应用内展示网页、控制前进后退、执行脚本、导出快照或 PDF 等场景。
salla-app-ui-builder
Salla 应用商店上架页（app_page_builder）构建技能：通过 MCP 工具 app_page_builder 与 salla_upload 编辑商家在安装前看到的列表页，管理区块与元素、logo、截图、卖点图等，并遵循草稿发布流程。
threejs-procedural-architecture
在 Three.js 中构建可控的程序化建筑与建筑套件，涵盖体量语法、外露边分析、立面开间、轮廓与拱形等，适合生成可检查的建筑平面与网格。
sb-setup
sb-setup 是一个面向 React+Vite 项目的 Storybook 安装对齐与校验技能：它不重写引导流程，而是先让用户运行 Storybook 官方命令完成初始化，再补齐官方流程未覆盖的配置细节，如运行时发现、provider 装饰器、主题与 token 桥接、面板默认可见等。
syncfusion-vue-docx-editor
用于在 Vue 应用中集成 Syncfusion DOCX 文档编辑器的技能，可生成初始化、文档保护、修订跟踪、批注、查找替换、表单字段等功能的 Vue 代码片段与集成步骤。
syncfusion-winforms-folder-browser
Syncfusion FolderBrowser 是 Windows Forms 平台上的文件夹选择对话框组件，对 Win32 Shell Folder Browser API 进行封装，提供面向 .NET 的属性、事件和方法。开发者可以用它向用户展示文件夹选择对话框，让用户浏览并选择目录路径，并可通过属性配置浏览起始位置、限制浏览范围、自定义对话框文字，以及通过回调事件在浏览过程中实时校验选择。该组件支持设计器与代码两种使用方式，主要属性包括 StartLocation、CustomStartLocation、SelectLocation、DirectoryPath、Style 和 Description。使用前需引用 Syncfusion.Shared.Base.dll 或通过 NuGet 安装 Syncfusion.Shared.Base 包。
syncfusion-winforms-grid-bag-layout
Syncfusion Windows Forms 的 GridBagLayout 布局管理器技能，介绍如何用虚拟网格灵活排布子控件：支持可变行列、跨格合并、权重分配、锚定填充、内边距与约束配置。
regle-rules
Regle 表单验证规则技能，介绍 @regle/rules 内置规则、createRule 自定义规则、withMessage 等规则包装器与规则运算符的组合用法。
frontend-ui-workflow
frontend-ui-workflow 是一个前端 UI 工作流技能，用于在保留或扩展产品真实设计系统的前提下完成新页面、组件、高保真重建与改版，并让新 UI 无需清理式重构即可交付。
shadcn-svelte
shadcn-svelte 是 shadcn/ui 的 Svelte 5 / SvelteKit 移植版，提供基于 Bits UI 与 Tailwind CSS 构建的美观、可访问的 UI 组件，并可通过 CLI 安装组件。
building-react-native-application
一套用于以一致架构和组件库栈构建 Expo/React Native 应用的技能指南，采用 TypeScript、NativeWind、React Navigation 静态配置、TanStack Query、Zustand、Axios 与 date-fns，并含 src/ui 展示层组件体系。
vercel-react-best-practices
Vercel React Best Practices 是由 Vercel Engineering 维护的 React 与 Next.js 性能优化指南技能，用于编写、审查或重构 React/Next.js 代码时参考。该技能包含按影响程度排序的 8 大类共 70 条规则，覆盖消除异步瀑布、包体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能以及高级模式。每条规则以独立文件形式提供，包含问题说明、错误代码示例与正确代码示例，可用于指导自动化重构与代码生成。
coss
coss 是一个基于 Base UI 的组件库技能，提供类 shadcn 的开发体验与粒子示例目录，帮助在开发 UI 时正确选用 coss 原语、编写符合文档的导入与组合代码，并规避从 shadcn/Radix 迁移时的常见错误。
css-first
CSS-first 技能：优先用语义化 HTML 与 CSS 解决界面问题，再考虑 JavaScript。提供现代 CSS 特性、浏览器支持与 Web Platform Baseline 状态指导，并支持渐进增强。
styling
针对 Svelte 项目的样式规范技能，涵盖 Tailwind 工具类、cn() 类名合并、flex 布局与滚动陷阱、禁用状态写法及共享组件覆写原则，适用于修复 CSS、添加类名、解决不滚动与溢出等问题。
building-components
用于按项目约定构建、重构和标准化 React 组件的技能，涵盖组件放置、文件夹与文件命名、导出方式及 props 模式。
web-asset-generation
Web Asset Generation 是一个自动生成网站静态资源的技能，可从单一源图或品牌配置生成 favicon、PWA 图标、Open Graph 图片、社交分享图与 Apple Touch 图标，并输出配套的 HTML meta 标签与 manifest.json 配置。
tailwind-v4-best-practices
面向 Tailwind CSS v4 的生产级最佳实践技能，强调设计系统思维、可维护性与性能，涵盖语义化设计令牌、@theme 配置、OKLCH 颜色、v3 到 v4 类名迁移及 Vite 集成等要点。
pandoc-converter
pandoc-converter 是一个基于 Pandoc 的文档格式转换技能，通过 python scripts/convert.py 在 markdown、docx、html、pdf、latex、epub、rtf、pptx 等格式间转换，并可将 csv、tsv、xlsx 数据转为表格。
odoo-demo-csv
odoo-demo-csv 是一个用于为 Odoo 演示数据库填充数据的技能：根据真实公司网站或指定行业调研，生成可导入的 CSV，通过 odoo-crud 导入并校验，最终输出 SUMMARY 行。