author-expertise
前端检查清单中的作者专业度规则，用于审计页面是否展示作者资质与专业背景，以支撑 E-E-A-T，涉及元数据、结构化数据、可抓取性与可索引性检查。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-26 00:15
前端与建站
11,100 个结果
avif-format
前端检查清单中的 AVIF 图片格式规则：面向现代浏览器使用 AVIF 以获得更小体积，并配合 WebP、JPEG 回退，减少带宽并加快加载。适用于审查图片资源、标记与 CDN 或构建转换配置。
canonical-header
前端 SEO 审计技能：检查 HTML 中的 rel="canonical" 标签与 HTTP Link canonical-url 响应头是否指向完全一致的 URL，避免向搜索引擎发出冲突的规范化信号，导致重复内容与错误索引。
carousel-accessibility
前端无障碍检查清单中的轮播组件可访问性规则，用于审查模板、服务端渲染 HTML 和共享组件，确保轮播具备暂停控制、键盘导航、ARIA 角色与减少动效支持，符合 WCAG 要求。
cdn
前端性能检查清单中的 CDN 规则，用于排查页面加载慢、资源体积大或渲染延迟是否与内容分发网络使用不当有关，并指导用 DevTools 验证真实瓶颈。
css-custom-properties
前端检查清单中的一条 CSS 规则：用 CSS 自定义属性（CSS 变量）承载颜色、间距、字号等设计令牌，把散落在样式表里的硬编码值与魔法数字集中到 :root，便于全局统一修改并支持运行时主题切换。
dark-mode-css
来自前端检查清单的深色模式 CSS 规则，用于审查样式表是否通过 prefers-color-scheme 与 CSS 自定义属性支持深色模式，并识别硬编码颜色等问题。
interaction-to-next-paint
前端性能检查清单中的 INP（Interaction to Next Paint）优化规则，用于排查页面交互响应慢的问题。INP 于 2024 年取代 FID 成为核心网页指标，衡量整段会话内所有用户交互的响应延迟，目标低于 200ms。
modal-accessibility
一项前端无障碍规则，用于审查模态对话框是否支持键盘操作，包括 ARIA 角色、焦点陷阱、Escape 关闭与关闭后焦点归还等要点。
react-spa-patterns
该资料是关于在 Frappe 后端之上构建 React 单页应用（SPA）的快速参考，覆盖了两类实际项目的技术栈与常见集成模式。其中包括以 React 18 + Vite 6 + shadcn/ui + Tailwind + TanStack Query v5 + Jotai + Axios 构建的 Unity 家长端应用，以及以 React 18 + Vite 5 + Refine v4 + Mantine v5 + React Query v3 构建的 Walsh 管理门户。内容涉及通过 Axios 调用 Frappe 白名单方法与 fetch 资源、Refine 数据提供者与自定义方法、TanStack Query 与 React Query 的查询和变更写法、Jotai 状态原子、React Router 与 Refine 路由、shadcn/ui 和 Mantine 的组件使用示例、Frappe Socket 实时事件订阅、开发与构建部署命令，以及受保护路由、错误边界和文件上传等常见模式。适合正在对接 Frappe 的 React 前端开发者作为速查与对照，资料未提供收费、价格或效果等信息。
senior-frontend
面向现代前端开发的 Codex 技能，使用 ReactJS、NextJS、TypeScript 和 Tailwind CSS 构建高性能 Web 应用，强调清晰结构、性能与无障碍性。
responsive-design
面向 React Native / Expo 移动应用的响应式设计技能，涵盖自适应布局、安全区域、屏幕尺寸适配与平台差异化样式，并附带响应式尺寸、安全区域包装、自适应排版与平台样式等模板。
accessibility
面向 WCAG 2.1 AA 合规的 Web 无障碍（a11y）实践指南，涵盖语义化 HTML、ARIA 属性、键盘导航、屏幕阅读器支持与包容性设计，供前端开发参照实现。
nextjs-game-components
用于 dev-quiz-battle 答题游戏界面的 React 组件技能，基于 Next.js 16、React 19、TypeScript 与 Tailwind CSS v4，覆盖游戏大厅、题目展示、记分板与主题支持等组件编写。
acf-blocks
acf-blocks 是 wpgaurav/wordpress-skills 技能，用于生成 ACF 的 Gutenberg 自定义区块。共 29 种区块类型，每个区块在 references/ 中各有参考文件，包含字段键、类型、示例与标记写法。
frontend-design-pro
一个用于打造高质感、可直接上线的前端界面的技能提示，强调鲜明视觉风格、真实图片直链或自定义图像提示词，并配套响应式与无障碍要求。
psd-json-preview
从 PSD 导出的 JSON 图层树和切片图片生成 HTML/CSS 预览，默认保留 PSD 分组嵌套结构，可用 --flatten 切换为平铺模式，并可选生成 React 或 Vue 组件。
creative-first-ui
Creative-First UI 是一套以视觉为核心的前端设计方法论与技能包，主张“视觉即设计”，让排版、布局、间距与配色都服务于主视觉资产。它反对从线框图、文字层级和图标网格起步的传统 UI 流程，转而先确定一张主视觉（照片、3D 渲染、视频或插画），再围绕它构建界面，类似杂志、奢侈品牌与获奖网站的编辑式做法。技能包提供参考文件，涵盖获奖案例、可直接使用的代码片段（GSAP + Lenis + 原生 JS）、13 个行业的设计方向与 AI 提示词模板、React/Next.js 与 Astro 集成指南，以及图像/视频/3D 资产的端到端优化流程。它还包含创意构思方法，如视觉隐喻、概念配对、主视觉概念生成与反套路检查，并给出主视觉设计规则、14 种视觉模式（全屏视频背景、3D 物体主视觉、编辑式图片布局、爆炸视图、滚动驱动动画等）。
frontend-design
用于创建具有独特设计感、达到生产级质量的前端界面的技能，避免同质化的“AI 生成”审美。适用于用户要求构建 Web 组件、页面或界面时，由用户提供组件、页面、应用或界面的前端需求及用途、受众、技术约束等背景。
web-artifacts-builder
用于构建复杂多组件 claude.ai HTML 工件的工具套件，基于 React、Tailwind CSS 与 shadcn/ui 等现代前端技术，通过初始化、开发、打包为单个 HTML 文件并分享的流程完成制作。
symfony-yoandev-frontend
用于 Symfony 前端开发与调试的技能，基于 AssetMapper、Twig、Stimulus、Turbo 与 Symfony UX，无需打包器和 Node 构建步骤。资料包含 AssetMapper 用法、组件选型、Turbo/Stimulus 约定、Tailwind 集成及常见故障排查，并说明无打包器带来的限制。
animate-pro
animate-pro 是一个专注于界面动效与微交互的技能模块，定位为“有目的运动与微交互的大师”。它针对高端界面，强调自然缓动、GPU 加速动画以及 Framer Motion 的运用。该技能把动画视为沟通、反馈与愉悦感的载体，而非装饰，主张通过自然的减速曲线、无障碍优先的运动策略（prefers-reduced-motion）和技术规范来保证流畅体验。它提供了一套运动协议：评估可改进机会、收集品牌个性与受众背景、对齐设计 DNA 标准、实施 GPU 加速、进行无障碍检查。同时给出 2026 年强制标准，包括推荐使用的缓动曲线、按用途划分的时长规范、仅动画 transform 与 opacity 的 GPU 优先原则，以及 Framer Motion 的示例实现和反模式清单。该技能适用于需要在 React 等前端环境中打造高质感过渡、列表入场、状态变化和模态展开等动效的场景。限制方面，资料未说明安装方式、收费、价格或具体平台支持范围。
angular-ecosystem
这是一个面向 Angular 20+ 的生态整合指南技能，将 Angular 核心、v20 控制流、Signals、CDK、Material 3、Router、表单、Google Maps、NgRx Signals 与 RxJS 模式汇总为统一的架构参考。内容覆盖独立组件与无 Zone 架构规范、NgRx Signals 状态管理模式、Material 3 与 CDK 组件层、路由与地图集成、RxJS 与 Signals 互操作、严格类型表单处理以及无障碍要求等主题。该技能以文档形式给出开发约定与实践规范，可作为 Angular 项目开发的参考资料。
angular-material-v20
Angular Material v20 是面向 Angular 20+ 应用的官方 Material Design UI 组件库，提供预构建的 UI 组件、主题定制与无障碍支持。该技能用于在 Angular 应用中实现 Material Design 组件、设置或自定义主题、处理表单控件、构建导航与布局、以表格展示带排序分页的数据，以及弹出对话框、提示条、工具提示与底部面板，并关注无障碍与性能优化。安装推荐使用 ng add @angular/material 自动配置，需同时安装 @angular/material@~20.0.0 与 @angular/cdk@~20.0.0；组件应按需导入具体模块（如 MatDialogModule、MatFormFieldModule），使用独立组件时显式放入 imports 数组，不要导入整个 Material 库。