web-performance-optimization
用于优化网站与 Web 应用性能的技能，覆盖加载速度、Core Web Vitals、打包体积、缓存策略与运行时性能，提供测量、定位问题、优先级排序、实施优化与验证的五步方法。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
前端与建站
11,266 个结果
setup-react-doctor
一次性配置技能，为 React 项目接入 react-doctor 性能与模式分析，可同时或分别配置 CI 与 pre-commit 钩子，默认两者都装并先与用户确认。
moonshine-components
面向 MoonShine 后台管理面板的 Blade 组件技能，用于用现成组件搭建表格、表单、卡片、弹窗、导航和页面布局；适合创建管理界面与数据展示页面，需遵循组件配套的 CSS 包裹类与资源引入规则。
material-ui-nextjs
该技能用于把 Material UI 与 Next.js 的 App Router 和 Pages Router 正确集成，基于 @mui/material-nextjs。内容涵盖服务端渲染与流式渲染下的缓存 Provider 配置、Emotion 缓存、next/font 字体接入，以及与 Tailwind 或 CSS Modules 共用的 CSS layers（enableCssLayer）。还涉及样式丢失或顺序错误、样式被注入到 body 而非 head 的排查，Button 与 Link 结合组件的用法，以及 useSearchParams 驱动的 URL 状态与 Suspense 边界处理。SKILL.md 为入口，AGENTS.md 为完整指南，reference.md 列出导入路径与 Provider 形态。
accessibility
用于审查 React Native 代码的无障碍技能，覆盖屏幕阅读器支持、标签与角色、触摸目标、焦点顺序、颜色对比与动态字体，适用于构建或审查交互式 UI 及发布前无障碍检查。
architecture
面向 React Native 0.76+（iOS/Android）的架构审查技能，用于规划功能目录结构、导航与深链接、错误边界、渲染安全与代码质量，适合新功能设计、PR 结构审查和合并前检查。
critical-rules
critical-rules 是一套面向 React Native 0.76+（iOS/Android）的基线安全规则，用于每次改动时检查崩溃、数据丢失、安全与合规风险，尤其适合合并涉及渲染、数据、认证或存储的代码前使用。
performance
用于审查 React Native 代码性能的技能，覆盖渲染、列表虚拟化、memo 化、图片处理、动画与内存资源清理，适用于 iOS 与 Android、React Native 0.76+。
oro-frontend
面向 OroCommerce v6.1 前端开发的技能资料，涵盖自定义主题、模板覆盖、SCSS 编写与布局更新配置，并给出主题结构、编译顺序及常见注意事项。
frontend-developer-skill
Frontend Developer Skill 是一个面向现代 Web 前端开发的综合技能，用于构建可投入生产环境的 Web 应用。它围绕 React、Vue、Next.js、Angular 等主流框架提供完整的开发能力支持，包括现代工具链搭建（Vite、ESLint、Prettier、测试框架）、状态管理方案选型（Redux Toolkit、Zustand、Context API）、认证流程配置、打包体积与性能优化、组件库与设计系统创建，以及单元、集成、E2E 测试的搭建。技能内置决策框架，可辅助选择框架、状态管理库和样式方案，并给出最佳实践、常见代码模式、故障排查方向与质量检查清单。它适用于从零构建新应用、搭建前端工程化基础设施、实现状态管理与认证、优化生产性能以及建立测试体系等场景。资料中未提供收费、价格或安装命令信息。
webgl-depth-gallery
基于 Three.js 的滚动响应式 3D 图像画廊，输出单个自包含 index.html。图片按 Z 轴堆叠交叉淡入淡出，随每张图片的氛围背景切换，带有速度呼吸、发光光标轨迹和编辑级 CMYK/RGB/HEX/PMS 色卡。
helix-child-template
面向 Joomla 5/6 的 Helix Ultimate 子模板技能，用最小目录结构实现不随父模板更新丢失的自定义，涵盖受保护的 overrides 覆盖系统、custom.css/custom.js、模块位置、Megamenu 与模板选项配置。
icp-website-audit
通过理想客户画像（ICP）视角对网站进行端到端审计的技能：先构建合成人物画像，再对客户站点做结构化评分卡评审，并与1-3个竞品逐项对比，最终输出整合审计报告。免费，无需API密钥。
web-archive-scraper
基于 Wayback Machine（Internet Archive）CDX API 的存档网页抓取工具，可搜索网站历史快照并提取缓存页面内容，用于查找已变更或已关闭网站上的客户名单、推荐语、合作伙伴目录等信息。仅依赖 requests，无需 API 密钥。
pupun-korvat-styling
Pupun Korvat 手工珠宝主题的完整样式指南，按阶段给出色彩、字体、组件与页面样式规范，包含玫瑰金点缀与四角装饰等优雅手作风格。
colorize
colorize 是一个前端设计技能，用于给过于单色、灰暗或缺乏视觉吸引力的界面策略性地添加颜色，提升层次感、语义表达与品牌个性。要求先完成设计上下文准备。
optimize
一个用于诊断和修复 UI 性能问题的技能，覆盖加载速度、渲染、动画、图片和打包体积等方向。当用户提到「慢」「卡顿」「不流畅」等性能相关诉求时使用。其核心方法是先测量再优化，避免过早优化，并通过前后对比验证改进效果。
site-launch-kit
Site Launch Kit 是一个落地页搭建技能：先按用户给定的灵感网站逐像素克隆并部署到 Vercel，再用用户真实内容逐段改写、生成图片并发布。仅依据公开资料整理。
dotnet-github-docs
dotnet-github-docs 是面向 .NET 项目的 GitHub 原生文档模式技能：生成含 NuGet/CI/覆盖率徽章的 README、CONTRIBUTING.md 的 fork-PR 流程、bug 与功能请求等 issue 模板、PR 模板、GitHub Pages 配置及 CODEOWNERS、FUNDING.yml、社交预览、topics 等仓库元数据，并支持 README 内嵌 Mermaid 架构图。
obsidian-app-css
用于编写、调试、审计或整理 Obsidian 桌面与移动端 CSS 片段和应用主题的技能，涵盖 DOM 选择器、CSS 变量与平台差异，强调以运行中的应用和当前样式为准。
approach-to-roadmap
将 ./docs/approach.md 对齐文档转换为可视化 HTML 看板路线图（输出到 ./roadmap.html）的技能。它只负责把已确定的功能按 Now / Next / Later 三档优先级分类并渲染看板，不做需求对齐、不修改原文档。
objectui
ObjectUI 是一个面向 React 的通用服务端驱动 UI（SDUI）引擎，可将 @objectstack/spec 协议的 JSON 元数据渲染为基于 Tailwind 与 Shadcn 的界面，涵盖仪表盘、看板、CRUD、表单和网格，适用于 schema 驱动页面构建与插件开发。
alpine-js-usage-rules
一份 Alpine.js 使用规则技能，用于规范以声明式方式编写 JavaScript 交互，强调小型聚焦组件、贴近 HTML 的内联逻辑，以及与 Livewire 配合使用，并包含一套记忆协议。
babel-configuration-for-nativewind
用于为 NativeWind 提供正确 Babel 配置的技能，避免处理冲突。核心要求在 plugins 数组中包含 nativewind/babel，不要在 presets 中使用 jsxImportSource，并确保 react-native-reanimated/plugin 排在 nativewind/babel 之后。