website-audit
一个用于对线上网站进行内容与用户体验审计的 Claude 技能，可系统爬取全站页面，从文案、信息架构、转化说服、视觉一致性、技术质量等层面找出问题，并输出可下载的 Markdown 审计报告。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,881 个结果
inertia-rails-cookbook
Inertia Rails Cookbook 是面向 Inertia Rails 应用的实用配方合集，涵盖官方启动套件定制、新增资源、shadcn/ui 集成、模态对话框、搜索过滤、数据表格排序与布局属性等常见场景。
gea-framework
Gea 是一个轻量响应式 JavaScript UI 框架，通过 Vite 插件在构建期把 JSX 编译为精确 DOM 补丁，无虚拟 DOM，也无 signals、hooks 等新概念。
display-dev
display.dev 技能：把 HTML 或 Markdown 发布为 display.dev 链接，可选择公开、公司或私有可见性，支持匿名发布、账号发布、复制、查看源码、按评审意见做版本安全更新，并管理公司邮箱域名与推荐计划。
tailwind-styling
用于 React 组件的 Tailwind CSS 样式技能，提供工具类、响应式设计与性能最佳实践指导，涵盖按钮、卡片、表单、布局等常见组件模式，以及暗色模式、自定义配置和组件库组织方式。
hyperframes
HyperFrames 是一个以 HTML 为视频真相来源的创作框架，用 data-* 属性控制时间轴、GSAP 做动画、CSS 做外观，可制作视频合成、动画、标题卡、叠加层、字幕、配音与音频响应视觉。
saas-landing
一个用于生成单页 SaaS 落地页的 AI 技能，按顺序输出 Hero、功能、社会证明、定价与底部 CTA 等板块，并遵循 DESIGN.md 中的颜色、字体与布局令牌。仅生成单个自包含 index.html，不产出独立 CSS、JS 或 README。
gsap
GSAP 是面向现代 Web 的高性能 JavaScript 动画库，支持补间、时间线编排、滚动触发动画、SVG 动画与布局过渡，并提供丰富插件生态。本条目整理其安装、核心概念、常用模式与常见错误。
react-hook-form
面向 React Hook Form 的 41 条性能规则技能，按影响分为 8 类，覆盖 useForm 配置、字段订阅、受控组件、校验、字段数组与状态管理等，用于编写新表单、性能审查与自动化重构。
svelte-components
用于构建 Svelte 组件的技能，涵盖自定义元素、组件库（Bits UI、Ark UI、Melt UI）、表单模式与第三方集成。
gsap-animated-frontend
面向编码智能体的 GSAP 动画工作流技能，提供 gsap-new 与 gsap-refactor 两条主流程，通过 .gsap 目录持久化动画规格、计划与审计记录，支持新页面动画与既有页面重构。
gtm-dom-standardization
用于统一网站中与点击相关的 DOM 标识（id 与 CSS class），为 Google Tag Manager 与 GA4 分析追踪建立一致的命名基础，帮助后续可靠地识别 CTA、导航、表单、媒体等可追踪元素。
building-tables
用于构建表格与数据网格的技能，覆盖从简单 HTML 表格到企业级虚拟化网格，可按数据量选择实现层级，关注性能、无障碍与响应式设计，适合排序、筛选、分页、行选择、内联编辑与导出等场景。
integrations
WordPress ActivityPub 插件的第三方插件集成开发技能，说明集成目录结构、加载方式、常见集成模式与调试方法，用于新增集成、排查插件兼容性问题或理解已有集成。
react-ui-patterns
react-ui-patterns 是一套面向现代 React 应用的 UI 模式指南，聚焦加载状态、错误处理与数据获取三类常见场景。它强调几条核心原则：只在真正加载且无数据时才显示加载指示，不展示过期 UI；错误必须对用户可见；采用乐观更新让界面响应更迅速；渐进式披露内容；部分数据优于无数据。内容涵盖加载状态决策树、骨架屏与加载指示器的选择标准（已知内容形状用骨架屏，未知用加载指示器）、错误处理层级（字段级内联错误、可恢复的 Toast 提示、页面级错误横幅、不可恢复的全屏错误页）、按钮加载与禁用模式、空状态要求（每个列表都必须有空状态，并区分搜索无结果与列表无数据）、表单提交流程，以及常见反模式与组件检查清单。适用于构建 UI 组件、处理异步数据或管理 UI 状态的场景。
faceted-navigation
用于电商商品列表页的多属性筛选导航方案，让顾客同时按尺寸、颜色、品牌、价格、评分等条件缩小结果，筛选状态写入可分享、可收藏、可被搜索引擎抓取的 URL，并适配移动端。
svelte-reference
Svelte 5 API 参考技能，用于查阅 svelte/action、store、transition、animate、easing、events、compiler 等模块的具体 API 签名，以及编译器错误与运行时警告代码。
docs-nuxtjs
用于查询 IMG.LY CE.SDK 的 Nuxt.js 参考文档、指南与配置页面，面向需要该 SDK 配置、UI 与 API 资料的开发场景；按查询读取官方文档页面并以 Markdown 形式返回相关内容。
frontend-desing
一个用于创建具有鲜明视觉识别度、达到生产级质量前端界面的技能，强调先确定设计方向再编码，避免通用、重复的“AI感”UI，适用于网页界面构建与改进。
htmlcss-to-image
HTML/CSS to Image 集成技能，通过 Membrane CLI 管理该服务的图片数据，可将 HTML/CSS 渲染为静态图片、对公开网页截图，并支持批量创建、列出与删除图片等操作。
dashboard
Dashboard 是一个用于生成单屏管理/分析仪表盘的技能。它输出一个自包含的 HTML 文件，包含固定左侧边栏、带用户与搜索的顶栏，以及由 KPI 卡片和一两个图表组成的主网格。适用于需要快速产出后台数据概览界面的场景。该技能会读取当前生效的 DESIGN.md，颜色、字体、间距和组件样式均来自其中定义的设计令牌，不自行发明新令牌。图表仅使用内联 SVG 绘制，不依赖任何 JS 图表库。
improve-aeo-geo
一个面向 AI 引擎优化（AEO/GEO）的代码审计技能，扫描网站代码库并做定向修改，让 ChatGPT、Claude、Perplexity、Google AI Overviews 等更容易发现、解析、引用和引述站点内容。
html-to-bricks
将原始 HTML/CSS（来自 Webflow、Framer、CodePen、Figma 导出或旧静态页面）结构化转换为 Bricks Builder 原生元素的技能，需 Respira for WordPress 插件 7.1+、Bricks Builder 与 MCP 服务器。
react
面向 React 代码编写、评审、调试与性能优化的实践指南技能，同时覆盖 React 19 迁移。涵盖 Effect 模式、重渲染优化、组件模式、数据获取、渲染与 JS 性能、表单 Actions 等主题，并给出评审清单与建议做法。