color-palette
从单一品牌十六进制色生成完整的可访问配色系统：11 级色阶（50-950）、语义 token、深色模式变体，并可输出可直接粘贴的 Tailwind v4 CSS。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-03 00:11
前端与建站
11,402 个结果
favicon-gen
favicon-gen 是一个用于生成网站图标（favicon）的技能，可从现有 logo、文字缩写或品牌配色出发，输出一套完整的 favicon 资源包。它生成 favicon.svg、favicon.ico、apple-touch-icon.png、icon-192.png、icon-512.png 及 web manifest，并提供对应的 HTML 集成代码。工作流程分五步：第一步判断来源（有 logo 图标则提取，无则用文字缩写生成字母组合图标，再否则使用品牌化形状）；第二步创建源 SVG；第三步用 ImageMagick 的 convert 命令生成各格式，缺少 ImageMagick 时可改用 favicon.io 转换；第四步创建并定制 web manifest；第五步添加 HTML 标签。该技能强调始终生成全部格式、iOS 图标必须有实心背景（透明会显示为黑块）、字母组合使用粗体字重、在 16x16 下测试可读性，以及不要沿用 CMS 默认图标。适用场景为需要为站点或 PWA 配置图标的开发者。
landing-page
Landing Page 是一个用于根据简要需求生成完整可部署落地页的技能。它输出单个自包含的 HTML 文件，使用 Tailwind CSS（通过 CDN 引入），具备响应式设计、深色模式等功能。用户只需提供业务/产品名称、价值主张、目标受众、主要 CTA 等简要信息，即可生成包含导航、英雄区、功能、社会证明、定价（可选）、FAQ、页脚等模块的页面。该技能不需要构建步骤或依赖，可直接在浏览器中打开或部署到任意静态托管平台。
nextjs
该技能面向 Next.js 16 应用开发，覆盖 App Router、Server Components/Actions、Cache Components（"use cache"）、异步路由参数、proxy.ts 与 React 19.2 等生产模式，并重点说明 16 版破坏性变更、缓存 API 更新、安全公告与常见错误处理。
product-showcase
用于为 Web 应用生成营销展示网站的技能：支持多页面结构、真实截图、动画 GIF 流程演示与功能深度介绍，并可整站部署到静态托管或 Cloudflare。
react-hook-form-zod
一套使用 React Hook Form v7 与 Zod v4 构建类型安全表单的实用技能，同一份 schema 可同时用于客户端和服务器校验，并通过 z.infer 获得完整 TypeScript 类型推断。
react-native
面向 React Native 与 Expo 移动应用开发的性能与架构模式技能，覆盖列表性能、Reanimated 动画、导航、UI、图片、状态数据、Expo 工作流与测试，按影响程度分级，并给出常见问题与修复方法。
react-patterns
面向 React 19 + Vite + Cloudflare Workers 项目的性能与组合架构规则集，含 50+ 条按影响排序的规则，可用于写新组件时的检查清单、审计现有代码或重构慢而乱的组件。
responsiveness-check
响应式检查技能：通过浏览器自动化在单一会话中切换视口宽度，逐档截图并对比相邻尺寸，定位布局断裂、溢出、导航切换与断点过渡，输出含严重级别的响应式报告。
shadcn-ui
用于在 React 项目中安装与配置 shadcn/ui 组件的技能，指导组件选择、安装顺序、依赖管理与主题定制，需先具备 Tailwind 主题基础设施。
tailwind-patterns
面向常见网站组件的生产级 Tailwind CSS 模式集合，涵盖响应式布局、卡片、导航、表单、按钮与排版，兼容 Tailwind v3.x 与 v4.x，并提供模板组件与参考文档。
tailwind-theme-builder
用于搭建 Tailwind v4 与 shadcn/ui 主题化界面（含深色模式）的技能：安装依赖、通过 @theme inline 配置 CSS 变量、接入深色模式切换并验证，适用于需要语义化配色与明暗主题的 React/Vite 项目。
tailwind-v4-shadcn
用于在 Vite + React 项目中配置 Tailwind CSS v4 与 shadcn/ui 的技能，采用 @theme inline 与 CSS 变量架构，提供四步主题模式、暗色模式设置及常见错误排查。
tanstack-query
TanStack Query v5（React Query）技能，用于在 React 中管理服务端状态。涵盖 useMutationState、简化乐观更新、throwOnError、网络模式（离线/PWA）、useQueries 合并、infiniteQueryOptions、maxPages 等 v5 新特性与迁移要点。
vite-flare-starter
vite-flare-starter 是一个面向 Cloudflare 的全栈应用脚手架模板，集成 React 19、Hono、D1+Drizzle、better-auth、Tailwind v4+shadcn/ui 与 TanStack Query，可克隆并改造成独立可部署项目。
wordpress-content
通过 WP-CLI 或 REST API 创建和管理 WordPress 文章、页面、媒体、分类、标签与菜单的技能，可在站点上生成实际内容。
wordpress-elementor
用于在已有 WordPress 站点上编辑 Elementor 页面和管理模板的技能：文本或图片 URL 等安全替换走 WP-CLI，结构性改动走浏览器自动化操作可视化编辑器。
wordpress-setup
用于连接 WordPress 站点并验证可用访问的 Claude 技能，支持通过 SSH 使用 WP-CLI 或 REST API 两种方式，最终生成可复用的连接配置，供后续内容管理与 Elementor 编辑使用。
zustand-state-management
用于在 React 中构建类型安全全局状态的 Zustand 技能，覆盖 TypeScript、persist 持久化、devtools、slices 模式及 Next.js SSR 水合处理，并给出常见问题预防与中间件用法。
baoyu-markdown-to-html
将 Markdown 转换为带内联 CSS 的样式化 HTML，内置适配微信公众号等平台的主题，支持代码高亮、数学公式、Mermaid（经无头 Chrome 渲染为 PNG）与 PlantUML 等。
defuddle
Defuddle 是一个网页正文提取工具，可从网页或本地 HTML 文件中去除广告、侧边栏、导航等杂乱内容，输出带元数据的干净 Markdown 正文。
opencli
opencli 是一个把社交与内容网站变成命令行界面的 CLI 工具，可复用 Chrome 登录状态、无需单独配置凭据。支持 Bilibili、知乎、Twitter/X、YouTube、微博、小红书、V2EX、Reddit、HackerNews、雪球、BOSS直聘等站点，提供读取、搜索、互动及个人数据命令。
tailwindcss-advanced-layouts
Tailwind CSS 高级布局技能，聚焦 CSS Grid 与 Flexbox 复杂布局模式，涵盖网格区域、auto-fill/auto-fit、subgrid、容器查询、粘性定位、滚动吸附、分栏与打印样式等进阶用法，适合构建复杂且响应式的页面结构。
tailwindcss-animations
Tailwind CSS 动画与过渡技能，涵盖内置 animate-* 工具类、过渡属性/时长/缓动/延迟、transform 变换、v4 自定义关键帧与缓动，以及 reduced-motion 无障碍做法与常见动画模式、性能建议。