solidjs-knowledge-patch
面向 SolidJS、Solid Router 与 SolidStart 代码迁移的知识补丁，汇总 API 命名变更、JSX/DOM 用法、路由与 action 约定、服务端执行及运行时兼容检查，帮助在改动代码前识别所属包与迁移风险。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-28 00:17
前端与建站
11,245 个结果
vuejs-knowledge-patch
面向 Vue 应用与生态工具链的知识补丁，涵盖 Vue Router 5、Pinia 3、Pinia Colada、Nuxt 与 Vite 集成等迁移要点与破坏性变更说明，用于升级项目时参考。
tailwind-patterns
Tailwind Patterns 是一个关于 Tailwind CSS 实用类模式、响应式设计与配置的快速参考技能，触发词包括 tailwind、utility classes、responsive design 等。它汇总了响应式断点、常见布局、卡片、按钮、表单输入、深色模式、状态修饰符、间距刻度及任意值等常用写法，并可按需加载更详细的组件模式参考文件。
safe-action-forms
next-safe-action 的表单集成技能，介绍如何把 next-safe-action 与原生 HTML 表单或 react-hook-form 适配器结合，处理字段级校验错误、服务端错误与提交状态。
safe-action-hooks
next-safe-action 的 React 客户端 Hooks，用于在客户端组件中执行 next-safe-action 动作，提供 useAction、useOptimisticAction 等钩子，处理状态、回调与乐观更新。
design-vision-loop
design-vision-loop 是一个用于 UI 视觉反馈闭环的技能：渲染运行中的界面，跨视口与深色模式截图，先跑确定性检查，再用多模态评审对照设计系统，输出 PASS 或 ITERATE 结论与缺陷清单，最多迭代 3 次。
create-html-carousel
create-html-carousel 是一个用于制作 LinkedIn 轮播帖的技能：生成 1080×1080 方形 HTML 幻灯片，再用 Playwright 自动截图导出 PNG，便于直接上传。
pie-design-system
面向 Just Eat Takeaway 前端开发者的 PIE 设计系统技能，帮助选用 pie-webc 组件、正确导入、使用设计令牌并完成各框架配置。
aicr-creating-slide-decks
创建自包含 HTML 幻灯片的技能：单个文件内联 CSS 与 SVG，无需构建、依赖或网络，可在任意浏览器全屏演示。适合做技术概念或工作流的可视化讲解稿与可自行点阅的留存材料。
authoring-examples
NVIDIA Elements 中用于编写 *.examples.ts 示例模板文件的技能，规定 PascalCase 命名、必需的 @summary JSDoc 注释以及无状态 HTML 模式，供组件示例的创建与维护使用。
authoring-patterns
NVIDIA Elements 技能，用于把已验证的 playground HTML 模板或组合保存为模式库中可复用的 *.examples.ts 文件。适合需要将原型模板持久化、归档到 projects/internals/patterns/src/ 并补全导入、元数据与摘要的场景。
guidance-api-design
NVIDIA Elements 的组件 API 设计指南技能，用于在设计和修改组件 API 时遵循 Elements 约定，涵盖属性、特性、CSS 自定义属性、插槽、事件、组件组合、注册与打包导出等主题。
olakunlevpn-frontend-first-skills
面向 React、Vue、Inertia 项目的前端设计优先开发技能，强调以后端数据为准，先读取控制器与设计稿，再按设计结构接入真实数据，禁止改动设计布局、造数据或猜测字段名。
1k-browser-module
OneKey 应用内浏览器与发现页开发技能，覆盖 WebView 标签页、书签、历史、搜索、URL 风险校验、DApp 连接与 JSBridge 行为，适用于桌面 MultiTabBrowser 与移动端 Discovery 浏览器。
htmldrop
htmldrop 是一个通过命令行把 HTML 文件发布为可分享链接的技能，支持公开或密码保护分享，并可在页面内嵌批注组件收集评审意见，再拉取反馈、程序化回复并用 AI 合成改进版本。
geistdocs
Geistdocs 是 Vercel 基于 Next.js 16 与 Fumadocs 构建的文档模板，开箱提供 MDX 写作、AI 聊天、i18n、反馈收集、搜索、GitHub 集成与 RSS，目前处于 beta 阶段。
turbopack
Turbopack 是由 Vercel 打造的 Rust 版 JavaScript/TypeScript 打包器，Next.js 16 默认使用。提供即时 HMR、文件系统缓存、原生 RSC 与多环境构建支持，本条目为配置、优化与调试 Turbopack 的专家指引。
web-artifacts-builder
web-artifacts-builder 是 Anthropic 提供的工具套件，用于使用现代前端技术栈（React、Tailwind CSS、shadcn/ui）创建结构复杂、多组件的 claude.ai HTML artifact。它通过初始化脚本搭建 React 项目，开发完成后利用打包脚本将全部 JavaScript、CSS 和依赖内联为单个自包含的 HTML 文件，从而可直接在 Claude 对话中作为 artifact 分享。项目内置 40 多个 shadcn/ui 组件和完整的 Radix UI 依赖，并预置路径别名、Tailwind 主题系统与 Parcel 打包配置，同时兼容 Node 18 及以上环境。该工具还提供设计与风格指南，提醒避免过度居中布局、紫色渐变、统一圆角和 Inter 字体等常见 AI 生成风格。适合需要构建较完整交互式前端界面并作为单个 HTML 交付的场景。
nextjs-expert
面向 Next.js 14/15 App Router 的开发技能，由 buildwithClaude（Dave Poon，MIT）改编，覆盖路由、布局、服务端与客户端组件、Server Actions、路由处理器、数据获取与缓存、认证等，强调服务端优先与 TypeScript 严格类型。
react-email
使用 React 组件构建跨主流邮件客户端兼容的响应式 HTML 邮件，适合事务性邮件开发。提供 create-email 脚手架、本地预览服务器、Tailwind 样式、渲染为 HTML 或纯文本及发送集成能力。
shadcn-ui
shadcn/ui 是一套基于 Radix UI 的复制粘贴式 UI 组件集合，配合 Tailwind CSS、react-hook-form 与 zod 构建生产级界面。组件代码归项目所有，通过 CLI 添加而非作为依赖安装。
shadcn
shadcn 是一个用于构建 UI、组件与设计系统的框架，组件通过 CLI 以源码形式添加到用户项目中。本资料介绍其组件管理与使用规范，包括项目上下文、组件文档查询及组合原则。
sablier-design
用于构建符合 Sablier 暗色主题美学的 React 前端界面技能，强调独特视觉风格与生产级可用代码，避免千篇一律的 AI 生成式设计。
daisyui
DaisyUI 是 Tailwind CSS 的组件类库，用 btn、card、modal 等语义化类名替代冗长的工具类，提供 65+ 组件与基于 CSS 变量、data-theme 属性的统一主题系统。