tailwind-syntax-functional-utilities
Tailwind CSS v4 专用技能：用 @utility 指令配合 --value()、--modifier()、--alpha()、--spacing() 等原生 CSS 函数编写可接收参数的功能型工具类，替代 v3 的 matchUtilities() JS 插件写法。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
前端与建站
11,282 个结果
tailwind-syntax-modern-utilities
Tailwind CSS v4 专属现代工具类技能，覆盖 transition-discrete、starting:、field-sizing-content、scheme-*、font-stretch-*、inset-shadow-*、inset-ring-* 七类工具，用于实现纯 CSS 进出场动画、表单控件自适应与原生控件配色等现代 CSS 能力。
tailwind-syntax-responsive
Tailwind CSS 响应式布局技能，讲解视口断点（sm/md/lg/xl/2xl）与容器查询（@sm、@md、命名容器）两套独立系统，涵盖移动优先规则、max-* 范围定位、任意与自定义断点、v3 插件与 v4 内置差异及迁移要点。
tailwind-syntax-variants
Tailwind CSS 变体语法技能包，讲解 hover、focus、dark、响应式断点、group-*、peer-*、aria-*、data-* 等条件样式前缀，并对比 v3 与 v4 的差异与迁移要点。
webgpu-core-cross-browser
用于跨 Chrome、Safari、Firefox 编写 WebGPU 代码的技能，核心是先对所有可选能力做特性检测，避免应用在某浏览器可用、在其他浏览器崩溃。提供浏览器支持基线、Dawn 可选特性时间线和三个特性检测入口。
webgpu-core-workers
该技能用于在 Web Worker 中运行 WebGPU，或将渲染输出到 OffscreenCanvas，以避免主线程卡顿。资料强调必须通过 transferControlToOffscreen 转移画布、在 worker 内使用 navigator.gpu，并注意安全上下文与传输列表等限制。
webgpu-impl-performance
面向 WebGPU 性能优化的技能，重点降低 CPU 侧命令提交开销与 GPU 状态切换，涵盖管线与绑定组缓存、渲染束、状态排序、动态偏移、工作组尺寸调优与时间戳查询分析。
inngest-durable-functions
Inngest 持久化函数技能，讲解用 TypeScript 构建可抗进程崩溃、自动重试、按计划或事件触发并跨步骤保持状态的持久化工作流，涵盖步骤、触发器、幂等、取消、错误处理与性能优化。
better-upload
Better Upload 用于在 React 或 Next.js 应用中通过预签名 URL 直接上传文件到 S3 兼容存储，服务端生成临时签名地址，浏览器直接上传，不经过服务器代理，并支持配置上传路由与回调。
accessibility-a11y
面向 Web 无障碍（a11y）的实践技能，依据 WCAG 指南编写语义化 HTML、正确使用 ARIA、管理键盘与焦点、保证颜色对比与响应式适配，并通过自动化与人工方式测试，适合需要提升界面可访问性的前端与设计场景。
security-nextjs
面向 Next.js 应用的安全审计模式集合，覆盖 App Router 与 Server Actions，用于检查 NEXT_PUBLIC_* 环境变量泄露、Server Action 鉴权、API 路由鉴权、middleware matcher 覆盖与安全响应头配置。
surface-completeness
该技能是一个用于前端变更过程中检查界面覆盖、设计合规性和文档一致性的工作流程。它要求在每个外观改动后、宣布工作完成前使用，通过维护共享设计令牌、消费者清单和覆盖率矩阵，确保变更遵循既有设计规范并保留已接受的结果。适用于需要系统化验证前端改动完整性的开发场景。
impeccable-design
Impeccable Design 是一个前端/UI 设计护栏技能，在生成或审查界面时套用 Impeccable 反模式清单，帮助识别模板化、AI 感明显的设计问题，适用于落地页、营销站、仪表盘和组件等视觉 UI 工作。
jarvus-react
用于构建或维护 Jarvus 前端应用的技能，技术栈为 Bun、Vite、React 19、TypeScript、Tailwind CSS v4 与 React Router v7，适用于已采用该基础栈的仓库。
vue-best-practices
面向 Vue 3 与 TypeScript 的实践规则集，覆盖 vue-tsc、Volar 类型检查、组件 props 提取、模板严格模式、CSS Modules、Pinia 测试与 SSR 热更新等常见问题，供编写、审查或重构 Vue 组件时参考。
anima-hello-world
基于 Anima SDK 的 Figma 设计转代码示例技能，从单个已确认的 Figma 节点生成可审查的 React 或 HTML 代码，凭据保留在服务端，生成结果需经路径、依赖、构建与视觉审查后才可使用。
anima-reference-architecture
Anima 设计到代码自动化的参考架构，用于构建可重复的 Figma 到 React/HTML 流水线，涵盖设计源接入、鉴权代码生成、确定性后处理与审核交付，强调最小权限、白名单、沙箱与回滚。
notion-webhooks-events
用于实现经过验证的 Notion 连接 Webhook 接收流程，包含去重、有界处理和拉取当前状态对账。适用于需要对工作区事件做出响应、并保留可审计记录的场景。
onenote-sdk-patterns
用于构建可测试的 Microsoft Graph OneNote 客户端边界的技能，涵盖委托身份验证、不透明分页、HTML 操作、错误处理与限流。适合在编写或审查 OneNote 集成代码时使用，强调契约稳定、离线夹具与审批边界。
terms-generator
Terms Generator 是一个根据网站或应用自动生成服务条款（ToS）的技能：扫描业务类型、用户交互、数据收集与第三方集成，输出含16个章节、GDPR/CCPA 条款、通俗英文摘要和 [VERIFY] 待确认标记的 Markdown 文档。仅供信息与教育用途，不构成法律意见。
webflow-reference-architecture
该技能用于设计 Webflow 集成架构，明确 Data API、Content Delivery、Webhook、身份、队列与发布边界，适合在启动 Webflow 集成项目时规划只读发现、写入路径与审批策略。
opentrons-heater-shaker
Opentrons Heater-Shaker 模块技能，用于在自动化协议中同时实现 37-95°C 温度控制与 200-3000 rpm 轨道振荡，适用于细胞培养、酶反应、细菌转化与样品制备等需要温控搅拌的流程。
opentrons-temperature-module
Opentrons 温控模块（Temperature Module）技能，用于在自动化实验流程中提供 4-95°C 的精确加热与制冷，适用于试剂保冷、反应组分预热、温敏酶反应孵育等无需混匀的恒温场景，支持 Flex 与 OT-2。
pr-visual-explainer
PR Visual Explainer 是一个为拉取请求（PR）生成自包含可视化 HTML 说明文档的技能。它基于当前 PR 的提交差异、测试与证据，用图表和分节说明前后行为变化，帮助评审者理解改动。生成文件默认保留在本地，不提交、不推送。