syncfusion-angular-grid
Syncfusion Angular Grid 组件的实现指南，用于构建功能丰富的数据表格与网格，涵盖数据绑定、排序、筛选、分组、编辑、导出、虚拟滚动等能力，并提供 TreeGrid 与 Grid 的选型建议及关键 API 规则说明。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-16 00:02
前端与建站
10,766 个结果
nextjs-16-complete-guide
Next.js 16 完整指南，系统讲解 Next.js 16 的新特性、破坏性变更以及从 v15 的迁移方法。内容涵盖 Cache Components 与 "use cache" 显式缓存、默认稳定启用的 Turbopack 打包器、proxy.ts 替代 middleware.ts 的网络层架构、DevTools MCP 的 AI 辅助调试集成，以及稳定版 React Compiler 自动记忆化。适合新建 Next.js 项目或从 v15 升级时参考，帮助开发者理解缓存粒度、异步 API 变更、Node.js 版本要求等迁移要点。
frontend-designer
Frontend Designer 是一个面向前端设计师与开发者的技能，用于构建可访问、响应式且高性能的前端组件。它强调以无障碍优先（WCAG 2.1 AA）、移动优先响应式、性能默认、组件驱动和设计系统对齐为核心原则，提供按钮、卡片、表单输入等组件的实现模式，以及设计令牌（CSS 自定义属性）、响应式布局、无障碍模式、性能优化和现代 CSS 技术等参考内容，并支持 React、Vue、Svelte 等框架模式。
nuqs
nuqs 是一个用于 Next.js 的类型安全 URL 查询参数状态管理工具。本技能是一份社区最佳实践指南，围绕 nuqs 在 Next.js 应用中的使用，整理了 42 条规则，分为 8 个类别，并按影响程度排序，用于指导代码生成、重构与代码审查。规则类别包括：解析器配置（CRITICAL）、适配器与初始化（CRITICAL）、状态管理（HIGH）、服务端集成（HIGH）、性能优化（MEDIUM）、历史与导航（MEDIUM）、调试与测试（LOW-MEDIUM）、高级模式（LOW）。适用场景包括：使用 nuqs 实现基于 URL 的状态、在 Next.js 项目中配置 nuqs、为 URL 参数配置解析器、将 URL 状态与服务端组件集成、优化 URL 更新性能、排查 nuqs 相关问题。使用方式为在项目根目录运行检测与扫描命令，并阅读对应规则文档。
bmap-jsapi-gl
百度地图 JSAPI WebGL（BMapGL）开发指南，覆盖地图初始化、覆盖物、事件、样式、图层、路径规划与检索等模块的 API 说明和代码示例，帮助开发者集成高性能 3D 地图应用。
wds-docs
Wix Design System 组件参考技能，用于在使用 @wix/design-system 构建 UI 时查找组件、属性与示例，并提供图标检索与像素到 SP 间距换算指引。
threejs-helpers
three.js 调试与可视化辅助对象技能，涵盖 AxesHelper、GridHelper、CameraHelper、灯光辅助、SkeletonHelper、包围盒与法线辅助等，用于坐标轴、网格、相机视锥、阴影相机、灯光方向、骨骼与网格检查的可视化调试。
mui-base
面向无样式 React 组件库开发的 MUI Base UI 风格规范技能，含 5 大类共 48 条按优先级划分的规则，用于构建 headless 组件、上下文组合组件与无障碍 ARIA 基础组件。
syncfusion-blazor-linear-gauge
用于在 Blazor 应用中实现 Syncfusion Blazor Linear Gauge（SfLinearGauge）线性仪表盘的技能，可在水平或垂直线性刻度上可视化温度、压力、速度、进度等数值，支持刻度轴、指针、分区、标注、主题、交互与导出。
flexlayout-react
FlexLayout-React 是一个面向 React 的高级停靠式布局管理器，提供拖拽、标签页、分隔条和复杂窗口管理能力，可构建 IDE 级别的可自定义界面。它支持面板拖拽重排、带关闭/最大化/最小化的标签页、可调整大小的分隔条、边框停靠区域、布局持久化（保存/恢复）、程序化布局控制以及 TypeScript 支持。安装方式为 npm install flexlayout-react。适用于仪表盘、IDE、管理后台等需要灵活、用户可自定义布局的界面。
threejs-node-tsl
three.js 节点着色技能，覆盖 Nodes API、NodeMaterial 系列与 TSL（Three.js Shading Language），用于以节点图替代字符串 GLSL 构建材质与后处理，并配合 WebGPURenderer 使用。
accelint-react-best-practices
accelint-react-best-practices 是一个面向 React 性能优化与最佳实践的 AI 技能，来源为 gohypergiant/agent-skills。它主要帮助 AI 代理和 LLM 在编写、重构 React 代码时避免反模式，例如不要在组件内部定义组件、不要在 useEffect 中使用对象或数组依赖、不要用 useState + useEffect 同步派生状态、不要在 SSR 组件中直接使用仅客户端状态、避免在 memoized 组件上内联回调或对象 props、不要在 useEffect 中放入用户交互逻辑等。该技能还强调在提出 memo/useMemo/useCallback 优化前，先判断项目是否使用 React Compiler，以及是否真的存在性能问题。它采用渐进式披露结构，先阅读 AGENTS.md 概览，再按需加载具体规则文件，涵盖重渲染优化、渲染性能、高级模式等内容，并提供审计报告模板和检测反模式的辅助脚本。
create-html-app
用于创建或更新 Hubble HTML App 的技能：在文件夹内生成单个 .html 文件，作为自包含交互界面运行，默认使用 Alpine、Tailwind 浏览器版与 Hubble 主题令牌，并通过 hubble.files 读写工作区 Markdown 文件。
artifacts-builder
Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具集，基于现代前端 Web 技术栈（React、Tailwind CSS、shadcn/ui）。它通过初始化脚本生成配置完整的 React + TypeScript 项目，开发完成后用打包脚本将所有代码、样式和依赖内联为单个自包含的 HTML 文件，可直接在 Claude 对话中作为工件分享。技术栈包括 React 18、TypeScript、Vite、Parcel（打包）、Tailwind CSS 3.4.1 和 shadcn/ui，预装 40 多个 shadcn/ui 组件及全部 Radix UI 依赖，并配置了路径别名。工具还提供设计风格指南，提醒避免过度居中布局、紫色渐变、统一圆角和 Inter 字体等常见“AI 味”设计。
gpui-layout-and-style
gpui-layout-and-style 是 GPUI 框架中关于布局与样式的能力模块，属于 longbridge/gpui-kit 技能集。该技能面向需要在 GPUI 里为组件设置样式、搭建布局系统或使用类 CSS 属性的开发者。GPUI 提供带 Rust 类型安全的类 CSS 样式系统，核心概念包括 Flexbox 布局、用于链式书写样式的 Styled trait，以及 px()、rems()、relative() 等尺寸单位和颜色、边框、阴影等属性。资料中的示例展示了基础样式设置（如宽高、背景色、文字色、圆角、内边距）、Flexbox 行列布局与对齐、多种尺寸单位、居中内容与卡片布局等常见模式，以及主题集成和条件样式（when / when_some）。该技能需要结合 GPUI 的 Rust 代码使用，完整指南见其 reference.md。除资料中给出的示例外，更多细节暂未提供。
threejs-audio
three.js 音频空间化技能，聚焦 AudioListener 挂载到相机、Audio 与 PositionalAudio 声源、距离衰减模型（refDistance/maxDistance/rolloffFactor/distanceModel）、AudioAnalyser 的 FFT 与时域数据可视化，以及浏览器自动播放策略对 AudioContext 的影响。该技能明确将 mp3/ogg 缓冲解码交给 threejs-loaders（AudioLoader），自身只负责空间播放 API。适用于在 three.js 场景中实现跟随视角的头部相关音频、位置音效与频谱可视化，并提醒用户手势解锁、声源数量性能开销与世界单位匹配等常见问题。
syncfusion-angular-common
本技能提供 Syncfusion Angular 组件的通用工具与特性，帮助开发者在 Angular 应用中统一实现动画、拖放、状态持久化、全球化与安全处理。内容包括安装配置、Angular CLI 项目创建、独立组件与模块化配置、ng add 安装方式、ASP.NET Core 与 ASP.NET MVC 集成、组件初始化与快速入门示例。全球化方面覆盖 RTL（阿拉伯语、希伯来语、波斯语）、本地化 l10n、国际化 i18n 与 CLDR 数据、数字与货币格式化、日期时间格式化。高级特性包括淡入、缩放退出、上滑等动画效果及时间与全局设置、Draggable 与 Droppable 拖放交互、模板定制与优化、通过 enablePersistence 实现状态持久化，以及安全最佳实践与 HTML 清理。适用于需要在 Angular 项目中集成 Syncfusion UI 组件并统一处理上述通用能力的场景。
ui-component-patterns
这是一个用于前端可复用组件架构的技能，帮助团队分类组件问题、选择单一组件主题包，并产出组件架构简报，覆盖共享与局部边界、插槽、受控归属、替代根组合及文档验证等场景。
frontend-engineer
Frontend Engineer 是一份面向 React 与 TypeScript 应用的前端开发指南，强调以 Suspense 为核心的数据获取方式、懒加载、规范的文件组织与性能优化。它适用于创建新组件或页面、开发新功能、使用 TanStack Query 获取数据、用 TanStack Router 配置路由、组件样式处理、性能优化、前端代码组织以及 TypeScript 最佳实践等场景。指南提供新组件与新功能的检查清单，核心原则包括：重型内容（路由、DataGrid、图表、编辑器）一律懒加载；加载状态用 SuspenseLoader 而非提前 return；新代码优先使用 useSuspenseQuery；功能按 api/、components/、hooks/、helpers/ 子目录组织；样式按规模选择内联或独立文件；使用 @/、~types、~components、~features 导入别名；避免提前返回以减少布局偏移；坚持 TypeScript 严格模式、不使用 any。实施流程建议遵循既有工作流模式，提交前通过类型、测试、lint 等 CI 检查，并将相关改动与测试放在原子提交中。详细内容见 references 下的组件模式、数据获取、文件组织、样式、路由、性能与 TypeScript 标准等文档。
angular-architecture
Angular 架构规范技能，用于指导 Angular 项目的结构组织、文件命名与代码风格。核心是「Scope Rule（作用域规则）」：组件放置位置取决于其使用范围——仅被 1 个功能使用的组件放在 features/[feature]/components/，被 2 个及以上功能使用的组件放在 features/shared/components/。同时规定文件命名不使用 .component、.service、.model 等后缀，并给出官方风格指南的采纳与覆盖项，以及常用 ng 命令。触发场景：构建 Angular 项目结构或决定组件放置位置时。
mobile-first-website-design
这是一个名为 mobile-first-website-design 的技能包（skill），用于设计、实现与验证移动优先（mobile-first）的营销网站与落地页。它强调以证据驱动的方式构建营销页面：先做无风格的结构（wireframe），再进行独立的视觉身份阶段，使用精确的图像提示词（prompt），从最小宽度到最大宽度逐步实现，并提供可复现的发布证明。适用范围包括落地页、活动页（campaign pages）、产品发布页及营销网站。技能包内置固定工作流、移动优先门禁、图像门禁、集成与降级门禁、实现与性能门禁、判断与动效流程，以及确定性（determinism）要求，通过 mise 任务命令执行验证、断点规则、提示词语料库校验与发布门禁。
vue3
Vue 3 技能，基于 Vue 3 官方指南与 API 参考提供指导。当用户需要 Vue 3 概念、模式或 API 细节来构建组件、应用时使用。该技能覆盖从入门到进阶的指南主题，包括组件、响应式、模板、路由、状态管理、TypeScript、性能与安全等最佳实践，并可按需查阅 API 参考中的具体函数或选项。使用时先识别用户请求的主题，打开 examples/ 下对应的指南示例文件；若需要 API 细节，则打开 api/ 下对应文件，并遵循官方指导，使输出与 Vue 3 文档保持一致。
android-compose-foundations
用于构建 Android Jetpack Compose 界面的技能，涵盖布局、修饰符、主题与稳定的组件结构，适用于 Compose 屏幕、Compose 布局及修饰符清理等请求。
vue2
该技能为 Vue 2.x 前端开发提供完整指南，覆盖 Options API、响应式数据、计算属性与监听器、组件开发与通信、Vue Router 路由管理、Vuex 状态管理以及生命周期钩子等核心概念，并附带代码示例与最佳实践。资料同时给出性能优化、组件通信取舍、响应式注意事项及常见工具插件（Vue CLI、Vue Router、Vuex、Element UI、Ant Design Vue、Axios）与示例 Prompt，适合在使用 Vue 2 组织组件、搭建路由和状态管理时参考。是否收费、价格、平台与具体使用步骤暂未提供。