realtime-transport-contracts
实时传输契约技能：针对 WebSocket 或 SSE 客户端在断连后的异常行为（重连风暴、重复或乱序事件、僵尸连接、缓冲区膨胀、长连接令牌过期等）提出契约化的恢复方案，涵盖退避抖动、断点续传、增量折叠、心跳保活、背压与在连接内刷新鉴权。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
前端与建站
11,329 个结果
resize-observer-layout-contracts
用于排查 ResizeObserver 驱动的界面闪烁、无限增长、循环通知报错或测量盒错误的前端技能，给出依赖环分析方法、收敛写法与清理规范。
responsive-image-contracts
用于审查响应式图片标记是否真正符合布局与加载契约的技能：检查 srcset/sizes 是否匹配真实渲染宽度、w 描述符是否等于文件实际像素宽、LCP 图是否被错误懒加载，以及 CLS 空间预留问题，适用于前端图片性能与正确性代码评审。
semantic-markup-contracts
该技能用于审查或实现前端语义化标记结构，帮助判断样式、脚本或 ARIA 补丁之前应当存在的原生 HTML 结构，供浏览器、辅助技术、爬虫、表单和测试依赖。涵盖按钮与链接区分、标题层级、地标、表单标签、列表与表格等契约。
view-transitions-contracts
用于审查 View Transitions API 动画的缺陷排查技能，聚焦静默中止、快照陈旧、reduced-motion 未生效、幽灵名称与层级遮挡等问题，并给出最小修复方向。
frontend-design-improvements-loop
该技能用于在仓库中运行可重复的单轨前端设计基准循环，通过指令调优而非模型权重调优来改进前端设计行为。它针对仓库 improved-frontend-skills-for-gpt，使用统一提示词 prompt.md，并在 experiments/version-X/ 版本工作区中迭代。每次版本只保留一个变异假设，版本之间相互隔离，不删除旧版本，一次只运行一个活跃实验，严格顺序执行。流程包括选择基线与变异假设、创建下一版本、调优 frontend-design 技能说明、以无头方式运行 Codex、为 /1 至 /5 路线截图、评分与评审、决定下一步动作。每个版本需包含修改后的 SKILL.md、README.md、CRITQUES.md 以及截图目录。提供 new_fresh_version.sh、new_version_from_previous.sh、run_headless_iteration.sh、capture_screenshots.sh 四个脚本。
gui-settings-ui
Warp GUI 桌面客户端设置页开发技能：讲解 app/src/settings_view 中设置页的构建方式，涵盖 PageType 三种形态、SettingsWidget 搜索过滤、标题放置位置、条件渲染门控时机，以及分页重建时重新应用搜索过滤等易错点与验证方法。
frontend-design
该技能用于创建具有鲜明设计语言、可直接用于生产的前端界面，避免通用"AI 味"美学，同时保持清晰的布局层级与可用性。适用于构建 Web 组件、页面与应用界面。
starflow
Starflow 是一个用于构建 Astra 风格深色发布页或首屏的 AI 技能：内置 three.js 星空引擎（Starflow engine），星空会倾斜、散开成侧边轨道，并重新聚合成光标等形状。技能提供发布页模板、纯首屏模板与嵌入方式，附带 openai-astra 设计系统与引擎 API 参考，适合制作带滚动叙事与形状揭示的星空主题落地页。
polish
Polish 是一个用于交付前最终质量打磨的技能，专注于修复对齐、间距、一致性以及细节问题，帮助作品从“可用”提升到“精致”。它强调打磨是最后一步而非第一步，需在功能完整后再进行。内容涵盖视觉对齐与间距、排版、颜色与对比度、交互状态、微交互与过渡、文案、图标与图片、表单、边界与错误状态、响应式、性能、代码质量等维度，并提供系统化的打磨清单与最终验证方法。
react-patterns
react-patterns 是一份面向生产环境的 React 开发原则与模式速查指南，内容涵盖组件设计、Hooks 抽取与使用规则、状态管理选型、React 19 新特性、组合模式、性能优化、错误处理、TypeScript 类型实践、测试原则以及常见反模式。它不提供安装命令或运行代码，而是以表格和规则条目给出工程约定，帮助开发者按信号与优先级做技术决策。
tailwind-patterns
这是一个面向 Tailwind CSS v4 的实践指南型技能，系统整理了以 CSS 优先的配置方式、容器查询、现代布局与动画模式、设计令牌架构以及性能与反模式等原则。内容以速查表形式对比 v3 与 v4 的架构差异，并给出主题定义、断点体系、暗色模式、色彩与排版令牌、组件提取等示例，帮助开发者按照 v4 新范式组织样式代码。
html-semantic-optimizer
HTML语义化优化工具，可将div、span等通用标签自动转换为header、nav、main、article、button等HTML5语义标签。基于CSS类名匹配规则识别元素语义角色，支持自定义规则、单文件与批量处理，提升代码可访问性与SEO友好度。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调避免千篇一律的 AI 风格审美，注重字体、配色、动效、空间构图与背景细节。用户提供组件、页面或应用需求，Claude 据此产出可运行且视觉鲜明的代码。
frontend-review
frontend-review 是一个前端代码审查技能，适合在合并前检查 React 等 UI 代码，重点发现可访问性缺陷、有风险的 UI 安全问题、缺失的加载与错误状态，以及常见的用户体验回归。
convert-vue-nextjs
该技能用于把 Vue 2/3 或 Nuxt 组件与页面转换为 Next.js App Router（React），覆盖组件映射、状态迁移、路由、SSR 与数据获取等场景；以 Vue 源码为契约，保持公开 API 一致后重写内部实现。
optimize-nextjs-fluidity
一个面向 Next.js App Router 仓库的性能与流畅度审计优化技能：先分析仓库并按已安装版本校验每项实践，再并行审计、生成按依赖排序的任务计划，执行可安全回滚的任务，不可逆改动仅准备交由人工处理。
snapshot-to-nextjs
将浏览器“另存为”、wget、HTTrack、SingleFile 等工具保存的 HTML 快照，转为可构建的 Next.js App Router 项目，主打零第三方依赖、自托管资源并从快照 CSS 中逐值提取设计令牌，也可仅输出中间设计文档。
tailwind-design-system
基于 Tailwind CSS 构建可用于生产环境的设计系统，涵盖设计令牌（design tokens）、组件变体、响应式模式与无障碍支持。适用于创建组件库、实现主题与暗色模式、统一 UI 模式及迁移或扩展 Tailwind。
nextjs-developer
面向 Next.js 14+ App Router 全栈开发的专家型技能，聚焦服务端组件、Server Actions、边缘运行时、性能优化与生产部署，强调 SEO 与用户体验。资料未提供具体安装命令、收费与平台限制信息。
verify-frontend-accessibility
可访问性保障技能，用于按 WCAG 2.1 AA 标准验证前端 UI 组件、表单、导航与交互元素，通过自动检查加键盘、屏幕阅读器、视觉手动检查，输出审计报告，确保组件通过 a11y 检查后再进入构建或审查流程。
accessibility-implementation
实现可访问性（无障碍）时使用的技能，覆盖 WCAG 2.2 AA、ARIA、键盘导航、屏幕阅读器、颜色对比与焦点管理，融合 React Aria、Radix UI、Headless UI 实践及 axe-core 自动化测试。
state-management
用于选择和实现前端状态管理方案，覆盖 React、Vue、Angular、Svelte 的多种库与服务端状态工具，提供状态分类、选型决策、持久化策略和常见踩坑清单。
styling-system
样式系统（Styling System）技能用于在前端项目中做样式方案选型与落地实现。它覆盖 Tailwind CSS、CSS Modules、CSS-in-JS（styled-components / Emotion）、vanilla-extract、UnoCSS、Linaria、Sass / Less 等主流方案，并对比各类方案的包大小、类型安全、主题切换能力与适用场景。技能主张设计 Token 优先（颜色、间距、字体、圆角、阴影全部变量化），只采用一种样式方案避免混用，使用局部作用域防止全局污染，响应式遵循 mobile-first，并从一开始就考虑暗黑模式，通过 CSS 变量切换主题。它提供了完整的设计 Token 示例、Tailwind 配置、class-variance-authority（cva）组件变体模式、CSS Modules 与 vanilla-extract 写法、暗黑模式两种实现方案，以及响应式断点策略。同时给出工作流程、质量自检清单与常见坑，适合新项目样式选型、设计 Token 体系建立、主题切换、响应式实现与组件样式封装。