pp-wordpress
一个通过纯 HTTPS 远程控制 WordPress 站点的 CLI 技能，由 wordpress-pp-cli 二进制驱动。无需 SSH 或服务端插件，用站点 URL 加应用密码即可读写内容、批量运维和诊断 REST API 问题，并保留本地 SQLite 镜像支持跨站查询。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
前端与建站
11,035 个结果
joomla-frontend-integration
面向 Joomla 5/6 的前端集成技能，结合 Helix 框架与 Bootstrap 5，讲解用 WebAssetManager 管理 CSS/JS、joomla.asset.json 声明资源、依赖与加载顺序、内联脚本、defer/async 优化、响应式断点、SP Page Builder 及 Web Components，并提供排错与最佳实践。
wordpress
NotFair MCP 的 WordPress 技能，用于通过 MCP 操作已连接的 WordPress 站点，覆盖内容、文章、页面、媒体、评论、分类项、设计、设置、插件与主题等。
htmx-go-templates
介绍在 Go html/template 上使用 htmx 的通用规则：handler 如何选择页面、片段或重定向，模板如何承载 hx-* 属性，客户端 JS 放在哪里，以及错误与进行中状态如何处理，目标是 htmx 2.x。
repo-website-guide-create
用于在 Valibot 官网 website/src/routes/guides/ 目录下创建概念文档与教程页面的技能，适用于新增 schema、管道、解析等指南，并需同步更新 menu.md 导航。
harden
harden 是 open-horizon-labs/impeccable 中的一项技能，用于提升界面健壮性，通过改进错误处理、i18n 支持、文本溢出处理和边界情况管理，让界面在极端输入与真实使用场景下更可靠。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
css-architecture
css-architecture 是一套面向可维护 CSS 架构的技能，覆盖 BEM、SMACSS、OOCSS、ITCSS、Atomic、CSS Modules 等方法论及设计令牌，按项目规模给出组织与迁移建议，依赖 css-fundamentals。
react-performance
面向 React 应用的性能优化技能，涵盖记忆化、代码分割、懒加载、列表虚拟化、打包体积分析与 Web Vitals 监控，并讲解 React DevTools Profiler 的使用方法。
asa-oju-ibanisoro
用于在应用代码中落地已确认 UI 方向的 React/Web 界面实现技能，强调沿用项目原生框架、组件库、令牌与约定，优先使用可访问的基础组件，并在改动区域运行项目原生验证后检查渲染结果。
vercel-react-best-practices
Vercel Engineering 维护的 React 与 Next.js 性能优化指南，按影响优先级整理 45 条规则、8 个类别，适用于编写、审查和重构 React/Next.js 代码，指导自动重构与代码生成。
scss-style-guide
scss-style-guide 是 SAP fundamental-styles 项目的 SCSS/CSS 编码规范与模式集合，用于指导编写、重构和评审 SCSS 组件代码。它规定了 BEM 命名、组件自包含、文件结构与导入、重置 mixin、CSS 自定义属性、循环生成、嵌套深度、单位与取值、RTL 逻辑属性、状态伪类 mixin、响应式与紧凑模式以及常用工具 mixin 等规则，帮助开发者保持样式架构一致、避免样式泄漏并支持多语言方向。
personal-homepage-skill
Personal Homepage Skill 是一个用于创建或编辑个人主页、作品集、创作者或简历网站，以及固定 16:9 HTML 演示文稿的技能。它区分两种交付模式：主页模式生成连续响应式网站（作品集、简历、项目展示），演示模式生成固定 16:9 的 HTML PPT，支持逐页播放、幻灯片备注和独立演讲者窗口。两种模式拥有各自的布局与验收规则，互不继承。该技能支持可编辑文本、HTML 导出，并可在需要时加载共享能力（如 HTML 编辑与导出、本地保存、可编辑的导出文件）。它强调保留事实与用户明确选择，不虚构指标、背书、项目或链接，优先使用真实截图、案例、头像和完整二维码，并使用可读的、支持中日韩字符的排版与经过验证的资源路径。
react-dev
面向 React 与 TypeScript 开发的技能型智能体，基于 Next.js、TypeScript、Shadcn-UI、Tailwind CSS、Framer Motion、Jotai、SWR 与 pnpm 技术栈，提供架构设计、组件封装、状态管理、性能优化与代码规范方面的生产级指导。
syncfusion-angular-textbox
Syncfusion Angular TextBox 是 Syncfusion 提供的 Angular 输入框组件，在原生 HTML input 基础上扩展了浮动标签、验证状态、前后置装饰元素、清除按钮、禁用/只读状态、多行文本、RTL 与无障碍等能力。该技能文档面向使用该组件的开发者，介绍了安装配置、输入特性与状态管理、装饰元素定制、验证状态与错误处理、样式外观定制、多行与尺寸设置，以及无障碍与迁移等主题，并给出若干常见实现模式（如带图标的邮箱输入、密码显隐切换、带错误提示的校验、带单位前缀的金额输入）和关键属性方法参考。
syncfusion-vue-buttons
Syncfusion Vue 3 按钮组件的实现指南，涵盖 Button（按钮）、ButtonGroup（按钮组）、DropDownButton（下拉按钮）、Floating Action Button（浮动操作按钮）、ProgressButton（进度按钮）和 RadioButton（单选按钮）等组件。文档提供安装配置、主题导入、样式类、图标、交互行为、无障碍支持以及 API 参考等说明，并附带可直接使用的 Vue 3 代码示例与常见用法模式。
syncfusion-vue-calendars
Syncfusion Vue 日历组件的实现指南，涵盖 Calendar、DatePicker、DateRangePicker、DateTimePicker 与 TimePicker，包含安装、Vue 3 用法、日期选择、视图、格式化、校验、本地化与无障碍等主题。
syncfusion-vue-image-editor
Syncfusion Vue Image Editor 是面向 Vue 3 的图片编辑组件，支持打开与导出多格式图片、旋转翻转、裁剪、缩放平移，以及文本、形状、手绘、图片等标注，并提供滤镜、微调、图层管理、隐私打码、边框装饰、撤销重做和工具栏定制能力。
syncfusion-vue-inputs
Syncfusion Vue Inputs（@syncfusion/ej2-vue-inputs）是面向 Vue 3 的输入类 UI 组件集合，包含文件上传（Uploader）、数值输入框（NumericTextBox）、文本框（TextBox）、多行文本（TextArea）、复选框（CheckBox）以及 OTP 输入、签名、评分、滑块、颜色选择器、掩码输入等组件。资料以实现指南形式组织，每个组件配有单独的参考文档入口和基于 Vue 3 组合式 API 的快速示例代码。其中 Uploader 文档最完整，涵盖异步上传、分块上传与断点续传、文件校验、模板定制、剪贴板与目录上传、表单集成、可访问性及完整 API 参考；其他组件提供入门与 API 文档。安装依赖 npm install @syncfusion/ej2-vue-inputs 与 @syncfusion/ej2-base，并需导入相应主题样式；企业版需注册 License。资料强调不要在未与用户确认的情况下自动执行安装、运行等操作，并提示不要在生产环境使用第三方演示地址上传文件、不要硬编码令牌。
syncfusion-vue-notifications
该技能为在 Vue 3 应用中实现 Syncfusion 通知类 UI 组件提供综合指南，涵盖 Toast（轻提示）、Message（消息提示）、Skeleton（骨架屏）与 Spinner（加载指示器）等组件。内容按组件分别组织，包含安装与主题 CSS 引入、基础用法、配置项、定位、超时与关闭、模板与样式、动画、可访问性（WAI-ARIA、WCAG、RTL）以及 API 参考等，并给出可直接参考的代码示例与常见模式。资料同时强调智能体使用约束：不得自主执行安装、运行、创建文件等多步操作，每一步需先与用户确认；安装包为 @syncfusion/ej2-vue-notifications，需由用户自行执行。该技能适用于需要在 Vue 3 项目中添加非侵入式通知、加载占位与操作遮罩等交互反馈的场景。
effective-html-diagram
一个用于直接调用生成自包含 HTML 图表的技能，强调按关系类型选择拓扑、时序、流程、状态、层级、时间线、矩阵或定量视图，并用 HTML/CSS、SVG、Canvas 或 WebGL 渲染，输出单文件、无构建步骤。
accessible-tables
面向无障碍审查的表格语义规则：检查已渲染 HTML 中的表格是否使用语义化标记，便于屏幕阅读器逐格朗读数据并理解表头与数据关系。
alt-text
前端清单中的无障碍规则：为图片提供有意义的 alt 文本。检查每个 img 是否带 alt 属性、装饰图用 alt=""、信息图描述含义而非文件名、链接图描述目标、文字图还原文字，并关联 WCAG 2.1 SC 1.1.1。
cumulative-layout-shift
该技能用于审计与「最小化累积布局偏移（CLS）」相关的页面加载缓慢、资源过重或渲染延迟问题。它围绕 CLS 这一衡量视觉稳定性的指标展开，目标是让内容停留在用户预期的位置，避免意外点击、阅读中断和用户挫败感。技能提供快速参考要点：CLS 目标分数应低于 0.1；始终为图片和嵌入内容设置宽高；为广告、横幅和动态内容预留空间；使用 transform 动画而非会改变布局的属性。同时包含检查、修复、解释和代码审查四个环节：用 Lighthouse 或 PageSpeed Insights 测量 CLS 并确认分数低于 0.1；通过尺寸预留空间、字体显示策略、避免在已有内容上方注入内容来修复；解释 CLS 如何衡量视觉稳定性及其对用户的影响；审查影响 CLS 的路由、资源和加载行为，标记增加不必要网络、CPU 或布局成本的具体文件、请求或渲染步骤，并说明确认问题所用的测量方法。完整实现细节、代码示例和框架特定指导见 references/rule.md。