frontend-landings
用于生成精美、可直接上线的单文件 HTML 落地页的 Claude 技能，内置多种视觉风格预设、滚动动画、响应式布局与深浅色模式，适合快速制作营销页、产品页。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
前端与建站
10,989 个结果
basercms-plugin-4-to-5-upgrade
baserCMS 4（CakePHP 2 基础）插件代码迁移到 baserCMS 5（CakePHP 5 基础）的改写模式集，覆盖 Controller、Table、Entity、View、Helper、表单与 Vue/JS。面向已用 BcAddonMigrator 转换插件雏形后、需要手工重写内部代码的场景。
team-frontend-debug
team-frontend-debug 是一个基于 Chrome DevTools MCP 的前端调试团队技能，支持功能清单测试与错误报告调试两种模式，通过协调者与测试、复现、分析、修复、验证等角色分工协作完成前端问题的定位与修复。
visx
visx 是 Airbnb 推出的 React + D3 数据可视化库，将 D3 原语封装为 React 组件，适合在 React 项目中构建自定义图表、交互式数据探索和特定设计要求的仪表盘。
react-router
介绍 React Router v6+ 客户端路由技能：涵盖 BrowserRouter、Routes 配置、Link/NavLink 导航、useNavigate 编程式跳转、参数与查询参数、嵌套路由与 Outlet、受保护路由及代码分割等用法。
pptx-posters
用于制作研究海报的 HTML/CSS 技能，可导出为 PDF 或转换为 PPTX。仅在用户明确要求 PowerPoint/PPTX 海报格式时使用；标准研究海报应改用 latex-posters。
css-micro-fx
css-micro-fx 是一套纯 CSS 的功能性反馈效果集合，用于表单输入框、按钮、加载状态和正文链接，由 :focus、:active 与状态变化触发，而非 hover。提供按界面风格选择的兼容矩阵与可直接复制的 CSS 类。
tailwindcss
Tailwind CSS v4 的实用优先样式技能，用于组件样式、主题配置、响应式设计与设计系统搭建，涵盖 CSS-first 配置、OKLCH 颜色与容器查询等模式。
flutter-wasm-web
用于构建、优化和部署以 WebAssembly（Wasm-GC）为目标的 Flutter Web 应用，并采用现代 JS 互操作。资料涵盖编译部署、服务器配置、dart:js_interop 与 package:web 用法、Wasm 限制及调试方法。
project-structure
该项目结构说明文档介绍了基于 Turborepo 与 pnpm workspaces 的 Next.js 应用的文件组织约定，包括主应用 apps/web、packages 包目录、路由与组件命名方式、页面和工具函数的创建规范。
e2e testing (frontend)
基于 Playwright 的前端端到端测试技能，涵盖 Page Object Model、选择器优先级、fixtures、后端数据准备与无障碍审计。资料说明当前 E2E 覆盖率有限，属于待改进领域。
angular
面向 Angular 框架的技能，覆盖组件、模块、服务、依赖注入、路由、表单与 TypeScript，帮助用 Angular 构建 SPA。
avue-form
Avue-form 是面向 Vue 的表单组件库技能，提供表单配置、字段列定义、校验、事件与方法、动态表单及自定义组件等指导，并附安装、示例、模板与 API 参考。
react-forms
用于在 React 中构建类型安全表单的 TanStack Form v1 技能，支持 Zod/Yup/Valibot 校验、异步校验与字段数组，并涵盖嵌套字段、监听器、联动校验、响应式优化、重置 API、SSR/水合、Devtools 与 React Native 等模式。
twig-templating
该技能面向 Drupal 10/11 的 Twig 模板开发，提供模板命名约定、常用过滤器与 Drupal 专用函数、预处理函数、模板建议以及基于 BEM 的组件架构实践。适合在创建或修改 Twig 模板、实现组件化主题时参考，强调资源通过 attach_library() 附加、自定义类采用 BEM 命名、避免在模板中堆叠复杂逻辑，并提示不要对用户输入使用 |raw。
tailwind-best-practices
Tailwind CSS v4 最佳实践技能，提供工具类优先模式、@theme 配置颜色/间距/字体、@source 内容路径、暗色模式与响应式设计等指导，并可通过 MCP 工具查询最新官方文档。
html-to-image-render
用于把本地 HTML 文件渲染成图片的技能：读取 HTML 内容，调用远端 html2image API 渲染，并将返回的图片保存到本地文件，支持指定元素 id、图片格式和视口等参数。
svg-to-react
svg-to-react 是一个把 SVG 文件转换为 React TypeScript 组件的技能，强调可访问性、currentColor 填充与统一命名。
vercel-kv
Vercel KV 是 Vercel 平台上由 Upstash 提供、兼容 Redis 的键值存储，适用于 Next.js 及其他 Vercel 应用。本技能介绍 @vercel/kv 的安装、环境变量配置、基本读写、TTL、原子操作、缓存、限流、会话与分布式锁等用法及限制。
multiqc-qc-reports
MultiQC 可将 150 多种生物信息学工具的质控结果汇总为单个交互式 HTML 报告，自动扫描目录解析 FastQC、samtools flagstat、STAR、HISAT2、Trim Galore、Salmon、Kallisto、featureCounts、Picard、GATK 等输出，无需逐样本查看，支持阈值告警与数据导出。
supabase-architecture-variants
用于选择 Supabase 集成架构的技能，覆盖 Next.js SSR、SPA、React Native、Serverless Edge Functions 与多租户隔离五种模式，说明各架构的客户端位置、密钥选择与会话存储方式。
tanstack-start
TanStack Start 全栈 React 框架技能，基于 TanStack Router 与 Vite，提供类型安全的文件路由、服务端函数、加载器、中间件、SSR/流式渲染与部署模式，适用于构建客户端优先、按需启用服务端能力的 React 应用。
review
该技能将 Fowler、Torvalds、Carmack、React 核心维护者等多种代码评审人格统一到一个 Skill 中，让 Claude 在用户要求评审代码时选择或组合专家视角，并按需加载对应参考文档或派生子代理。
LGPD Check
LGPD Check 是一个用于审计网站是否符合巴西《通用数据保护法》（LGPD，第13.709/2018号法律）的技能，可检查隐私政策、Cookie 同意、数据最小化、国际传输、数据主体权利及第三方脚本等，并生成合规评分与报告。