syncfusion-javascript-common
Syncfusion JavaScript 控件的通用工具与功能技能，覆盖安装配置、动画、拖放、全球化（RTL、本地化、i18n）、状态持久化与安全实践，适合在 Web、桌面或移动项目中统一增强控件行为。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,913 个结果
syncfusion-vue-rich-text-editor
Syncfusion Vue 富文本编辑器（ejs-richtexteditor）技能，介绍通过 editorMode 在 HTML（WYSIWYG）与 Markdown 两种模式间切换，并涵盖工具栏、图片/音视频/表格插入、粘贴清理、AI 助手、校验安全及 API 参考。
qt-canvas2d
Qt Canvas2D 是 Qt 6.12 起由 Qt Canvas Painter 模块引入的 QML 绘图项，本技能用于在编写或处理 Canvas2D QML 源码时应用其最佳实践。它强调不能依赖预训练中关于 HTML5 canvas 或旧版 Qt Quick Canvas 的记忆，必须以 references/api-reference.md 为权威接口。技能涵盖：GPU 侧绘制模型（QCanvasPainter/QRhi 直接写入场景图）、每帧清空与 fillColor/alphaBlending 默认值、onPaint 主线程 JavaScript、FrameAnimation 驱动动画、save/restore 与路径状态管理、path2d 与 GPU 路径缓存、以及 Canvas2D 相对 HTML canvas 缺失的 API 与替代方案。技能还提供 19 个可运行配方（静态图形、折线图、柱状图、饼图、散点图、仪表盘、进度环、时钟、示波器、节点图、手绘、文本面板、图像与图案、阴影按钮、颜色效果与裁剪、平移缩放视口、电平表、迷你图、旋钮）以及 API 参考、规则和移植文档。使用前需在 CMake 中链接 Qt6::CanvasPainter 并同时导入 QtQuick。
using-westpac-ui
面向已安装 @westpac/ui（GEL 设计系统）组件库的使用指导技能，讲解组件导入、响应式属性、tag、图标、设计令牌与常见能力问题的回答流程。适用于使用该库或其组件名提问、寻找 UI 实现模式的场景。
frontend-ui
frontend-ui 是一个基于 Anthropic 前端美学提示策略的技能，用于指导生成视觉上更具辨识度的前端界面。它围绕排版、配色、动效与背景四个维度给出反模板化建议，适用于网页、落地页、仪表盘与组件布局等前端 UI 创作。
frontend-ui-ux
面向 UI/UX 前端工作的设计开发技能，通过命令将设计任务路由至 designer 智能体或 Gemini MCP，用于组件设计实现、响应式布局、设计系统一致性与无障碍合规。
nextjs-architecture
Next.js 架构专家技能，用于设计 Next.js 应用架构、从 Pages Router 迁移到 App Router、实现 Server Components 以及优化 Next.js 性能。该技能提供 App Router 结构、Server Components 使用模式、性能优化策略与迁移步骤等架构指导，适用于构建全栈 Next.js 应用和做出架构决策。
web-testing-react-testing-library
React Testing Library 的测试编写技能，涵盖查询优先级（getByRole 优先、getByTestId 最后）、userEvent 交互、异步工具（findBy*、waitFor、waitForElementToBeRemoved）、renderHook 测试自定义 Hook、带 Provider 的自定义 render，以及无障碍断言与 within 作用域查询。
unity-graphics
unity-graphics 是一个用于管理 Unity 工程级图形与画质设置的技能模块，覆盖 GraphicsSettings 与 QualitySettings，支持 Unity 2022.3+，可在 Built-in、URP 和 HDRP 下工作，且不依赖任何 SRP 包。
improve-codebase-architecture
扫描代码库并寻找“深化”机会（把浅模块重构为深模块）的架构改进技能：生成自包含 HTML 可视化报告列出候选，用户选择后再进入 grilling 决策流程。
next-cache-components
Next.js 16 的 Cache Components 技能，介绍 PPR（部分预渲染）、use cache 指令、cacheLife、cacheTag、updateTag 等缓存能力，帮助在同一路由中混合静态、缓存与动态内容。
maui-theming
针对 .NET MAUI 应用主题化的技能指南，介绍浅色/深色模式支持、AppThemeBinding、动态资源、ResourceDictionary 主题切换与系统主题检测，并说明各方案的适用场景与限制。
docyrus-app-dev-react
用于端到端构建 Docyrus React TypeScript 应用的技能，涵盖认证、数据访问、查询模式与生产级 UI 指导，推荐 React 19、Vite、TanStack、Tailwind 及 @docyrus 系列包。
framer-motion
Framer Motion 12.x 的 React 动画模式技能，用于在 React 应用中添加动画、过渡、手势与布局动画，覆盖性能与无障碍实践。仅限 Web，移动端动画需参考 react-native-reanimated。
react-shadcn
面向 React（Vite）项目的 shadcn/ui 技能，基于 Base UI、Radix UI 或 React Aria 与 Tailwind CSS v4，配合 TanStack Form 构建可访问的表单、对话框、表格、Toast 等组件。
react-container-presentation-component
一个用于在 src/components 下按 Container/Presentation 模式创建 React 组件的技能，会先询问组件名与 ui 或 features 类型，再生成对应文件并做校验。
igniteui-angular-grids
Ignite UI for Angular 数据网格技能，为 Flat Grid、Tree Grid、Hierarchical Grid、Grid Lite、Pivot Grid 五种网格提供选型、配置与功能实现指引，强调先读参考文件再写代码，避免凭记忆编写 API。
file-uploads
该技能是一份面向 Next.js 应用的文件上传实现指南，覆盖从基础文件处理到云存储集成的完整流程。内容包括 HTML 文件输入与拖拽上传、Supabase Storage 上传与进度跟踪、基于 RLS 的私有文件与签名 URL、客户端图片压缩（browser-image-compression）与服务端图片处理（Sharp）及缩略图生成、Cloudinary 集成与图片变换、AWS S3 集成与预签名直传、文件类型与大小校验（含服务端魔数字节校验）、多文件上传、大文件分片续传，以及文件列表、删除、移动等管理操作，并附最佳实践清单。
performance-optimization
面向 Next.js 应用的性能优化指南技能，覆盖图片、字体、代码分割、缓存与 Core Web Vitals，用于改善加载时间与排查性能问题。
real-time-features
面向 Next.js 应用的实时功能实现指南，基于 Supabase Realtime，覆盖表变更订阅、在线状态、广播、实时聊天、通知、仪表盘更新与乐观更新等场景。
pi-tui-design
pi-tui-design 是面向 pi 的终端界面（TUI）组件设计指南与工具集，配合 @mariozechner/pi-tui 与 @mariozechner/pi-coding-agent 使用。它强调终端受固定宽度字符网格、纯键盘输入和主题色约束，并把这些约束当作设计特性。内容涵盖设计取舍（基调、范围、差异化）、终端美学词汇（Unicode 制表符、方块元素、盲文、符号、箭头）、色彩纪律（使用 pi 主题令牌而非硬编码 ANSI）、空间构成（宽度、留白、对齐、盒嵌套）、动效（定时器刷新与清理）、键盘交互约定、组件契约（render/handleInput/invalidate）、缓存与主题失效、可用组件清单、工具函数、交付界面形式（全屏、浮层、部件、状态栏、工具渲染、页脚）以及常见反模式。适合需要在 pi 中构建交互式终端界面的开发者。
wp-performance-review
面向 WordPress 主题、插件与自定义代码的性能代码审查技能，按严重程度扫描 OOM、无界查询、缓存绕过等隐患，并给出带行号的报告。
nextjs-pwa
面向 Next.js 的 PWA 实现指南（2025），提供原生 Next.js 与 Serwist 两条路线，覆盖清单配置、Service Worker、缓存策略、离线支持与常见问题排查。
lazyweb-add-inspo-source
Lazyweb 设计技能的外部灵感源连接工具，可将 Mobbin、Savee、Dribbble、Behance、Awwwards 等设计灵感库接入所有 Lazyweb 设计技能，使其在设计研究时一并搜索这些外部库。