jotai-expert
Jotai 状态管理库的专家技能，用于在 React 应用中实现基于 atom 的状态管理，涵盖 atom 设计、派生 atom、异步 atom 与 atomFamily 等实现。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
前端与建站
11,329 个结果
browser-use
基于 Playwright MCP 的浏览器自动化技能，用于导航网站、填写表单、点击元素、截图和提取数据，适用于需要网页交互的任务。
theme-factory
Theme Factory 是一个为幻灯片、文档、报告、HTML 落地页等制品统一配色的主题工具包，内置 10 套预设主题，每套包含配色方案与字体搭配，也可按需生成自定义主题。
frontend-audit
frontend-audit 是一套可复用的前端视觉设计验证流程，用于将目标设计图（goal PNG）与本地实时渲染结果进行比对。用户只需把目标 PNG 放入 design/ 并运行开发服务器，助手负责其余环节。
luv-letter
Luv Letter 是一套面向自我反思的慢节奏对话系统，通过编排器调度、Hermes 风格切片记忆（INNER/LUV/THREAD/archive）、ReAct 循环及 Safety、Reflection、Gate 等模块，陪用户逐步看清自己，而非直接给出答案。
html-ppt-creator
html-ppt-creator 是一款用于制作高质量 HTML 演示文稿的技能，基于 <AgentWorkspaceRoot>/app 中的 App 模块（Vite + TypeScript + React）生成动画丰富的幻灯片，适用于路演、汇报和演讲。核心要求是每张幻灯片必须完整适配视口，禁止页内滚动。
migrate-styled-components-to-vanilla-extract
将 Sanity 单体仓库中的组件样式从 styled-components 迁移到 vanilla-extract（零运行时 CSS）的分步流程，涵盖清点用法、改写代码、处理优先级与主题变量，以及验证步骤。
react-rx-hook-audit
面向 react-rx 的 hook 审计技能：查找 useObservable、useSyncObservable、useObservablePromise 调用点中 observable 标识不稳定、导致多余重渲染、加载闪烁或重复订阅的问题，并给出按 useValuePreview 模式重构与测试的方法。
fineui
FineUI 是面向开发者的技能资料，帮助在 F.js、FineUI.Pro、FineUI.Core 和 FineUI.Java 项目中判断正确的开发模式、查找官方用法，并完成页面、控件、主题或升级等开发任务。适用于涉及 FineUI 的页面、表格、表单、布局、树、窗口、按钮、主题及版本迁移场景。使用前应先从项目包、依赖声明或运行资源中确认产品版本、部署栈与开发模式，再按任务读取对应参考资料，仅打开解决当前任务所需的文件，避免一次性加载全部控件资料。在线资料可经 fineui.com/llms.txt 进入并逐篇读取 Markdown，llms-full.txt 仅在需要时使用；在线资料不可访问时改用技能参考文件与项目内证据，无法确认的 API 需明确标注待核对。
sap-fiori
用于创建和开发 SAP Fiori UI 的指南技能，适用于 CAP 或独立 Fiori 项目，覆盖 Fiori Elements 应用模板、页面类型、预览方式、CAP 与独立项目的结构约定及注解管理限制。
artifacts-builder
用于创建复杂多组件 claude.ai HTML 工件的工具套件，基于 React、Tailwind CSS 与 shadcn/ui 等现代前端技术，通过初始化、开发、打包为单个 HTML 文件的流程构建前端工件。
frontend responsive design standards
该技能为 Codex 提供前端响应式设计的编码规范指导，核心是移动优先开发。规范要求从移动端布局开始再逐步增强到大屏，使用一致的断点系统（提供 Tailwind 与 Bootstrap 的常见断点值），采用流式容器与弹性单位（rem、em、%、fr、clamp 等）替代固定像素宽度，保证触摸目标最小 44x44px、正文最小 16px、行高与行长可读，并在移动端通过隐藏、折叠、重排等方式优先展示重要内容。同时涵盖图片优化（srcset、picture、现代格式）、跨设备断点测试清单与常见响应式模式的代码示例。
implementing-scalekit-nextjs-auth
在 Next.js App Router 项目中集成 Scalekit 身份认证的技能，参考 scalekit-nextjs-auth-example 仓库，覆盖登录、OAuth 回调、登出、令牌刷新、会话管理与路由保护，并给出环境变量、目录结构与防 CSRF、防缓存等实现要点。
frontend-engineering
前端工程技能，作为浏览器前端工作的入口，覆盖 HTML、JSX/TSX、组件框架、CSS、客户端行为、表单与 API 等场景，用于构建、审查或重构前端代码，并按需加载语义化 HTML、CSS 编写、安全与测试等具体指引。
semantic-html
一份关于编写语义化 HTML 的技能指南，强调用原生 HTML 元素传达结构与含义，服务所有用户。适用于创建组件、页面结构，或审查标记的无障碍性与语义。
stripe-stack-skill
面向 Next.js + Supabase 的 Stripe 集成模式技能，覆盖支付、订阅、Webhook、积分系统与结算流程，强调数据库级幂等、测试/生产模式分离，并提供工作流、参考文档与模板文件。
yt-dlp
yt-dlp 是一个功能丰富的命令行音视频下载工具，支持数千个网站，是 youtube-dl 的维护分支，新增大量功能与修复。支持格式选择、字幕提取、播放列表批量下载、音频转换、元数据嵌入等，常需配合 ffmpeg 使用。
frontend-design-guidelines
frontend-design-guidelines 是一套用于构建、审查或美化前端界面时强制应用高质量设计规则的工具，旨在避免 AI 生成前端常见的硬编码颜色、缺失键盘导航、缺少空状态与生硬动画等问题。默认技术栈为 Next.js App Router、TypeScript、Tailwind CSS、shadcn/ui、lucide-react 与 next/font。
architecture-diagram-react
用于在 React/Vite 站点中以行内 SVG 方式嵌入架构图的技能，输出带 arch-diagram 标记的 Markdown 代码块，由消费端 React 组件负责外框、工具栏与背景，适合博客或文档内嵌展示，而非生成可独立下载的 HTML 文件。
renaissance-md-html
将 UTF-8 Markdown 字符串或 .md 文件转换为带「文艺复兴」排版风格的完整 HTML 文档字符串，输出含 DOCTYPE 与内联 CSS，正文置于 article.wmr-renaissance 内，与 WeChatMarkdownRenderer 的 renaissance 主题一致。适合 Markdown 排版、古典棕金配色长文、两端对齐、公众号式 HTML 与静态导出。
component library standards
这是一个面向 React/Next.js 项目的组件库规范技能，定位于组件架构专家，用于指导创建一致、可复用、可维护的 UI 组件。它覆盖命名约定、文件结构、组件设计模式、性能优化与无障碍支持，适用于新建组件、重构复用、审查架构、建立共享组件模式等场景，尤其适合 monorepo 项目。
design-taste-frontend
面向落地页、作品集与改版的“反套路”前端技能：先读懂需求简报，推断合适的设计方向，再输出落地页面、作品集与改版界面。不适用于仪表盘、数据表格或多步骤产品界面。
formik-patterns
该技能围绕 Formik 表单处理与校验模式展开，提供表单基础搭建、Yup 校验规则、条件校验、字段辅助方法、提交处理、编辑表单初始值与多步表单等参考代码，并列出常见反模式与使用限制。示例采用 React Native 风格的自定义组件与 GraphQL 变更钩子，这些属于项目依赖而非 Formik 导出内容；Web 表单需另配 DOM 事件与提交适配。客户端校验仅作用于用户体验，服务端须再次校验与鉴权，避免记录密码。
makepad-2-0-dsl
Makepad 2.0 DSL 语法参考技能，用于构建和调试 Makepad UI 代码。资料显示，Makepad 2.0 用运行时 script_mod! 宏取代了编译期 live_design! 宏，由 Splash 脚本语言驱动。该技能整理了属性赋值必须用冒号而非等号、用 := 创建可寻址命名实例、用 +: 合并父级属性、点路径简写、let 局部模板、展开运算符、script_mod! 模块结构、组件与着色器注册、Prelude 系统、模块间共享、运行时属性更新及调试日志等语法要点，并列出常见错误，如遗漏 #[source] 字段、容器缺少 height: Fit、混淆 : 与 :=、忘记 +:、主题访问方式错误、含 e 的十六进制颜色需加 #x 前缀、pub 无效、Inset/Align 构造语法及 #[repr(C)] 字段顺序等。适用场景为编写或迁移 Makepad UI 时参考。限制：需对照当前 Makepad 2.0 文档核验，上游 API 变动频繁；未经用户明确同意不得运行随附脚本；示例仅为部分片段，需跨 GPU/平台、DPI 与无障碍行为验证。