canvas-headless
Canvas Headless 技能用于在无头前端项目（如 Next.js、Nuxt、Astro、Angular）中渲染 Drupal Canvas 组件。组件在前端代码库用框架原生语言编写，仅向 Drupal 注册元数据，不推送组件代码。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-23 00:13
前端与建站
11,021 个结果
template-dashboard
Template Dashboard 是一个仪表盘模板，提供 KPI 卡片、图表、表格、筛选器和响应式数据布局。其默认布局由侧边栏、页头、KPI 行、图表区和数据表格组成，默认技术栈为 Next.js + Tailwind + 图表库，关注点包括数据可读性、筛选延迟和移动端降级行为。适合需要快速搭建数据看板界面的开发场景。
template-landing-page
template-landing-page 是 duck4nh/antigravity-kit 提供的一个落地页模板技能，定位为默认的、以转化为导向的落地页结构。它给出一套默认的页面分区、文案区块以及技术栈选择建议，并强调三个关键指标（KPI）方向：CTA 的清晰度、信任信号以及移动端转化。默认分区依次为：Hero（首屏）、proof（信任凭证）、pain->solution（痛点与解决方案）、benefits（利益点）、process（流程）、testimonials（客户评价）、CTA（行动号召）、FAQ（常见问题）、footer（页脚）。默认技术栈为 Next.js + Tailwind，并可选配 motion（动效）库。该模板适合需要快速搭建以转化为目标的落地页的场景。资料未提供具体安装命令、收费方式、价格、平台限制及实际使用步骤等信息。
template-portfolio
template-portfolio 是 duck4nh/antigravity-kit 提供的一个作品集模板，面向个人或工作室的线上展示需求，强调项目故事的讲述。默认包含 Hero、关于、精选作品、案例研究和联系等区块，默认技术栈为 Next.js + Tailwind，并可选配 motion 动画库。其 KPI 关注点为身份识别的清晰度、项目叙事的完整性以及联系转化。
react-19
面向 React 19 的开发技能资料，涵盖 React Compiler 自动优化、Server Components、use() hook、Server Actions 与 useActionState、ref 作为普通 prop 等模式，并列出常见反模式与规则，适用于编写组件、处理表单、使用 hooks 或从 React 18 迁移。
tailwind-4
Tailwind CSS 4 的样式编写规范与模式集合，涵盖语义化类名、cn() 条件类名合并、cva 变体、暗色模式、响应式与运行时动态样式，并给出库例外与反模式说明。
denji
Denji 是一个 CLI 工具，用于将 Iconify 的 SVG 图标转换为 React、Preact、Solid、Qwik、Vue、Svelte 等框架的原生类型化组件，支持图标的添加、删除、列出、导入导出管理。
tanstack-start-migration
已弃用的参考技能，用于把 Next.js（App Router 或 Pages Router）迁移到 TanStack Start。现仅作存档参考，不再随 bunx skills add / --list 提供；迁移完成后应改用 tanstack-start-conventions 与 react-dev。
check-svg
用于扫描项目中 SVG 图标使用情况的检查技能，可发现并报告命名、路径和组件化方面的不规范写法，适合在代码审查阶段使用，触发场景包括检查 SVG 规范、图标规范检查、SVG 使用审查等。
dark-light-modes
实现明暗主题模式与配色方案的技能，覆盖 prefers-color-scheme、CSS 变量、next-themes，支持系统偏好检测、手动切换及防止首屏闪烁（FOUC）。
nextjs-server-components
用于在 Next.js 16 中判断 Server Component 与 Client Component 边界、在组件内直接取数、以及用 Suspense 流式渲染的技能，涵盖组合模式、server-only 防泄漏、Promise.all() 并行取数与 use cache 缓存。
nextjs-16-architecture
面向 Next.js 16 的架构技能，涵盖 Cache Components、按功能组织的目录结构与最佳实践，用于处理各类 Next.js 16 开发任务。
phoenix-pubsub-patterns
Phoenix PubSub 实时广播编码技能，规定订阅、广播与 handle_info 的规范做法：仅在 connected?(socket) 内订阅、在 context 层广播且只广播成功结果、用 update/3 不可变更新 assigns，并通过 LiveView 集成测试验证完整链路。
rn-reanimated
面向 React Native Reanimated 4.x 的动画最佳实践技能，覆盖 60fps 动画模式、代码审查与升级、手势集成、Worklet 规则及 Android/iOS 平台差异，适用于编写、审查和修复 Reanimated 动画代码。
next-cache-components
Next.js 16 缓存组件（Cache Components）能力介绍，涵盖局部预渲染 PPR、use cache 指令、cacheLife、cacheTag、updateTag 等缓存控制方式，以及运行时数据约束与旧版迁移要点。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
html
一个用于生成单个自包含 .html 文件的技能，适合呈现有结构的内容（对比、时间线、图表、可排序表格等），而非纯 Markdown。文件可直接在浏览器打开，无需构建、框架或安装。
ui-ux-pro-max
UI/UX Pro Max 是一个可搜索的 UI/UX 设计知识库技能，提供 50 种风格、21 套配色、50 组字体搭配、20 种图表、8 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter 等）的设计建议、UX 规范与最佳实践。
storybook
用于编写或审查 React 组件的 Storybook 故事（.stories.tsx）的技能。在动笔或评审前，应先阅读并遵循官方的《Writing Good Stories》指南。
lynx-fiber-element
该技能用于在不使用 ReactLynx JSX 的情况下，直接通过 @lynx-js/type-element-api 提供的 FiberElement / Element PAPI 构建 Lynx 应用。它要求把应用代码拆分为三部分：src/main-thread.ts 使用 Element PAPI 创建和修改元素树；src/background.ts 从主线程环境获取数据并处理事件，产生补丁发往主线程；src/style.css 存放通用 CSS 样式。技能涵盖双线程渲染、事件分发与数据同步、基于补丁的重渲染、条件切换、重复渲染与过滤等内容，并提供模板 webpack 构建路径的参考文档以及计数器、待办清单等示例。使用后用 pnpm dev 验证，需确认 dist/ 中生成预期 .bundle 文件且 QR/开发 URL 可打开。
mastra-frontend
Mastra 前端界面构建技能：基于 @mastra/playground-ui 设计系统组装应用 UI，用布局工具类做组合，外观由设计系统统一提供，避免手写颜色、字号、阴影等样式。
matlab-design-pcb-transmission-line
用于在 MATLAB 中设计与分析阻抗受控 PCB 传输线的技能，覆盖微带线、带状线、共面波导、差分对与串扰，借助 RF PCB Toolbox 的 2D 场求解器完成 RLGC 与阻抗提取。
tiny-css
Tiny CSS 是一个面向小型极简项目的 CSS 编写技能，主张少写 CSS、信任浏览器默认行为，适用于个人站点、原型和简单落地页，通过现代特性实现主题、无障碍与国际化支持。
css
面向 Web UI 的 CSS 编写与布局最佳实践技能，涵盖选择器优先级、单位与边距、预处理器与重构、架构模式等主题，并提供决策树与提交前检查清单；明确不适用于 Tailwind 项目。