html-data-explorer
用于构建自包含 HTML 数据浏览器的技能：把 CSV、JSON、日志或事件数据内嵌进单个 HTML 文件，提供可筛选表格、分面搜索、内联图表、时间轴刷选和 A/B 测试结果视图，便于快速分享与临时探索。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-18 00:12
前端与建站
10,836 个结果
frontend-fullchain-optimization
基于 Web Vitals 核心指标的前端全链路性能优化指南。该技能提供 LCP、FCP、INP、CLS、TTFB、FID、TBT 等指标的阈值速查表、诊断决策树与优化策略，覆盖交互响应、网络与服务端、首屏渲染、字体、最大内容绘制、布局偏移等环节，并给出 CDN、OSS、Redis 等外部服务的实践示例与工具使用建议。核心原则是以用户为中心，优化是做得更少而非更多。
rxjs
RxJS 是面向 JavaScript 的响应式扩展库，以 Observable 和操作符处理异步与事件流，常与 Angular 配合使用；本技能用于在 Angular 应用中编写 RxJS 响应式代码。
animation-motion-design
基于 Motion（原 Framer Motion）与 View Transitions API 的动画与动效设计技能，覆盖布局动画、手势交互、退出动画、页面过渡、动效可访问性与性能优化，适用于组件动画和页面导航过渡等场景。
tanstack-form
基于 TanStack Form、Zod 校验与 API 错误映射构建 Svelte 表单的技能，说明如何结合生成 schema、字段校验和服务端 ProblemDetails 处理表单提交生命周期。
frontend-developer
这是一个面向前端开发的高级工程技能，把 20 多年的 Web 开发经验编码成可执行的指导原则。它覆盖前端工作的完整范围：语义化 HTML、现代 CSS、组件架构、性能优化、无障碍与测试策略，且与框架无关，适用于 React、Vue、Svelte、原生 JS 等。激活后首条回复需以 🧢 emoji 开头。适合在编写、评审或优化 HTML/CSS/JS 前端代码，改进 Web 性能与 Core Web Vitals，做无障碍审计或 WCAG 合规指导，设计组件架构与状态管理，制定前端测试策略，以及优化图片、字体或打包体积时使用。不适用于纯后端代码，以及与前端交付无关的 DevOps、CI/CD 或基础设施工作。
react-patterns
React Patterns 是一套面向 React 19 的编码模式参考，涵盖 Server Components、Server Actions、use() Hook、useActionState、useOptimistic、Suspense 边界、错误边界、自定义 Hooks、复合组件以及性能优化规则。内容以可直接复用的代码示例呈现，帮助开发者理解并应用 React 19 的新特性与组件组合方式。
syncfusion-maui-date-picker
用于在 .NET MAUI 应用中集成 Syncfusion SfDatePicker 日期选择控件的技能说明，涵盖日期格式化、选择限制、弹窗模式、样式定制、事件命令、本地化与无障碍支持，以及文本显示模式与液态玻璃效果等进阶特性。
frontend-blueprint
Frontend Blueprint 是一个面向全栈开发者的 AI 前端设计与咨询技能。它把自己定位为资深前端设计顾问，而不是代码生成器：在写任何代码之前，先通过结构化流程理解用户真正想要什么。核心原则包括：没有上下文绝不生成代码、必须先收集视觉参考、采用原子化交付、给出有主见的建议、以及对还原度的重视高于速度。工作流程分为七个阶段：需求简报、参考收集、设计方向确认、可选的 Stitch 原型、执行计划、原子化构建、以及最终审查与打磨。
cdp-ext-pilot
CDP Extension Pilot 是一个用于启动带未打包扩展的 Chrome 浏览器，并通过 CDP（Chrome DevTools Protocol）测试其 UI 的工具。当系统中没有合适的 Chrome 时，它会自动安装 Chrome for Testing。它能够加载指定扩展、打开扩展的 sidepanel、popup 或 options 页面，并借助配套的 cdp-connect 技能对界面元素进行交互与验证。该工具以脚本形式提供，主要命令包括 launch（启动）、open（打开 UI）、status（查看会话状态）和 close（关闭并清理配置文件），适合在开发阶段对浏览器扩展的界面进行自动化调试与测试。
cache-components
Next.js Cache Components 与部分预渲染（PPR）的专家指导技能，用于实现 use cache 指令、配置缓存生命周期与失效策略，并保证预渲染外壳在变更、部署和客户端导航后仍保持正确。
exploring-autocapture-events
该技能用于探索 posthog-js 自动捕获的 $autocapture 事件，帮助理解用户点击、表单提交等交互，查找稳定的 CSS 选择器（尤其是 data-attr），并据此构建洞察、漏斗或动作。
discover-frontend
discover-frontend 是一个前端开发技能自动发现网关，属于 rand/cc-polymath 技能集合。当检测到用户正在处理 React、Next.js、UI 组件、状态管理、数据获取、表单、无障碍、性能优化、SEO 或终端界面（TUI）等前端相关工作时，它会自动激活，并按需加载对应的细分技能文档。该技能覆盖 16 个前端技能，分为 Frontend（11 个）与 TUI（5 个）两个子类，另含独立的 elegant-design 设计技能。它采用渐进式加载机制：网关自动加载、按需读取分类索引与具体技能，从而将上下文占用控制在约 6-12K tokens，而非一次性加载全部索引的 25K+。技能内容涵盖 React 组件模式、Next.js App Router、状态管理、数据获取、表单处理、Web 无障碍、前端性能、Next.js SEO、Web Workers 与浏览器并发等，并提供常见工作流与选型决策指引。
carbon-react
carbon-react 是 sage/carbon 发布的、面向 AI 智能体的可安装技能，用于 Carbon React 组件库的选择与实现，涵盖导入、属性、默认值、弃用、示例与使用指引。
architecture
该技能面向 React Native 架构设计与代码结构评审，提供架构原则与组织方面的准则和最佳实践，使用时参考同仓库 rules/02-architecture.md 的详细文档。
page-reduce
page-reduce 是一个将网页精简为最小结构骨架的工具，采用两阶段流水线：第一阶段向浏览器页面注入脚本，检测页面区块、清理 DOM（移除脚本、不可见元素、样式标签、注释、追踪属性），并把内容替换为语义化 token（如 {TEXT}、{HEADING}、{CTA}、{IMAGE}、{LINK}、{REPEAT:N} 等），输出每个区块的 tokenizedHtml JSON；第二阶段由智能体对 tokenized HTML 进行结构推理，合并重复模式、移除装饰性包裹、剥离工具类 CSS、生成最终骨架与清单。使用方式为 /page-reduce <URL>，支持 --phase1-only（仅执行第一阶段输出原始 JSON）和 --output <dir>（指定输出目录，默认当前工作目录）。依赖 playwright-cli 作为浏览器层，可选配合 page-prep 技能关闭 cookie 横幅与遮罩。最终生成 skeleton.html 与 manifest.json 两个文件，并输出区块数量、类型与体积统计。
reactive-dashboard-performance
专注于构建高性能响应式仪表盘的技能，强调 <100ms 的加载速度与完善的测试覆盖。内容涵盖 React 性能模式（骨架屏优先加载、渐进式数据流、积极的缓存策略、代码分割与 memo 化）以及异步组件测试策略（服务边界 Mock、MSW、findBy 异步查询、超时排查与测试包装器模式）。该技能还给出了仪表盘加载预算（骨架渲染 0-16ms、首次数据绘制 <100ms、完全可交互 <200ms、懒加载组件 <500ms）、React Query 配置示例与常见陷阱，适用于需要优化仪表盘性能并解决集成测试超时问题的 React 项目。
nuxt-content
Nuxt Content v3 是基于 Git 的 Nuxt 内容管理模块（CMS），用于用 Markdown、YAML、JSON、CSV 构建博客、文档和内容驱动应用，提供类型安全查询、Schema 校验与 SQL 存储。
syncfusion-maui-text-input-layout
Syncfusion .NET MAUI 文本输入布局（SfTextInputLayout）技能，用于在输入控件上添加浮动标签、图标、辅助标签等装饰元素，支持容器类型、视觉状态、密码切换与表单校验。
shopify-developer
Shopify 开发综合参考（API 版本 2026-01），涵盖 Liquid 模板、OS 2.0 主题、GraphQL API、Hydrogen、Functions 与性能优化，按任务指引阅读对应参考文件。
similarweb-traffic
这是一个无需 API key 的命令行技能，通过 Node 脚本从 SimilarWeb 公开数据端点获取指定域名的流量估算，包括月访问量、流量来源、主要国家、关键词、参与度指标及全球与分类排名。适用于查询、对比或基准评估任意域名的流量情况。
gsap-skills
GSAP 官方技能套件（greensock/gsap-skills），包含 8 个聚焦技能：核心补间、Timeline 编排、ScrollTrigger、Flip/Draggable/SplitText 插件、工具函数、React useGSAP、性能优化与 Vue/Svelte/Nuxt 集成。
canvas-styling-conventions
该技能用于按 Tailwind CSS 4 主题令牌与既定工具类模式为 Drupal Canvas 组件设置样式。适用于创建新组件、为组件添加颜色或样式等场景。它规定了项目类型判断方式、允许使用的样式依赖（Tailwind CSS 4.1+、CVA、clsx 与 tailwind-merge 封装的 cn()）、颜色使用全局主题令牌而非硬编码、React 组件需接受 className 并作为 cn() 最后一个参数、以及通过 CVA 变体而非原始色值暴露颜色选项。新增设计值应写入 global.css 的 @theme 块并沿用既有命名约定。
html-throwaway-editor
用于快速构建一次性、单一用途的 HTML 编辑器：针对某一份具体数据（如看板拖拽、表单式配置编辑、并排提示词调优等），生成自包含单文件页面，带一个 Submit 按钮把结果回传给智能体。