frontend-dev-agent
前端开发 Agent，用于 UI 实现、组件构建、交互设计与前端性能优化。依据资料可配置到 Claude Code、Cursor、Codex CLI、Gemini CLI 等运行时，强调组件状态覆盖、TypeScript 类型验证、响应式与可访问性。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-30 00:12
前端与建站
11,292 个结果
cache-components
面向 Next.js Cache Components 与部分预渲染（PPR）的专家型技能，在启用 cacheComponents: true 的项目中自动激活，指导编写缓存组件、数据获取、Server Actions 与性能优化，围绕 'use cache'、cacheLife、cacheTag、Suspense 等给出模式与构建期反馈规则。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
present
present 是一个技能，用于把分析、研究或交付结果做成一个自包含的 HTML 页面并在浏览器中打开，而不是在终端里堆一大段文字。页面内联全部 CSS 与 JavaScript，可离线从磁盘直接打开。
figma-implement-design
该技能用于在检查完 Figma 结构后，将设计稿转换为可投入生产的 Toolcraft 生成应用，把 Figma 的分区、组件与视觉实体映射到产品输出和 schema 控件。
vue-nuxt
面向 Nuxt 3 全栈开发的技能，讲解 SSR/SSG、Nitro 服务端、模块、自动导入与部署策略，按主题与难度参数组织学习模块，含练习、检查点与排错指引。
vue-router
Vue Router 技能，用于学习 Vue Router 的配置、导航、路由守卫、懒加载、meta 字段与 history 模式，按主题和难度提供模块化学习路径。
ian-xiaohei-svg-motion
把 Ian 小黑正文配图原则改造成可控的 HTML+SVG+GSAP 时间线动效，用于中文文章配图、口播视频、脚本与分镜场景，从一个认知动作重建分层漫画舞台，便于按字幕卡点、改文案和换元素。
exec-report
exec-report 是 pnp/sharepoint-skills 中的技能，用于从 SharePoint 列表、CSV 导出或用户描述等任意数据源生成自包含的 HTML 高管报告或仪表盘。它先采集数据、构建并校验 JSON，再用模板渲染 HTML，JSON 为唯一事实来源。
permission-report
用于 SharePoint 的只读权限与共享访问审查技能：按用户请求生成自包含 HTML 权限报告并保存到 SharePoint，不修改任何权限或共享设置。
scorecard-matrix
根据用户提供或访谈得到的数据，生成一份完整自包含的 HTML 热力图评分卡（加权对比矩阵），实体为行、评分为列，并预先计算加权总分、排名与列平均。
sharepoint-safe-html
用于生成可在 SharePoint、OneDrive、Teams 及嵌入式 iframe 预览中可靠渲染的单文件 HTML 技能，要求无网络、无外部依赖，仅在获准时使用同文件夹内的 .csv/.xlsx 实时联动数据。
frontend-design
frontend-design 是 pproenca/dot-skills 发布的 AI 智能体可安装技能，用于指导生成具有鲜明设计风格、生产级可用的前端界面，避免千篇一律的“AI 味”审美，并强调以真实可运行代码落实美学细节与创意选择。
react-19
面向 AI 智能体的可安装技能 react-19，由 pproenca/dot-skills 发布，用于在编写 React 19 代码时遵循该技能定义的规范与约束。
shadcn-ui
shadcn-ui 是面向 AI 智能体的可安装技能，由 pproenca/dot-skills 发布，提供使用 shadcn/ui、Radix UI 与 Tailwind CSS 构建可访问、可定制 UI 组件的专家指南。
tailwindcss-v4-style
Tailwind CSS v4 最佳实践技能，由 Tailwind Labs 维护，包含 8 大类 42 条按影响优先级排序的规则，用于指导 AI 智能体自动重构与代码生成，覆盖构建配置、CSS 生成、打包优化、工具类模式、组件架构、主题令牌、响应式与动画。
publish
publish 是一个共享 brain 页面的技能，可将其发布为自包含的 HTML 文档，默认使用客户端 AES-256-GCM 加密做密码保护，无需服务器、零 LLM 调用。
react-best-practices
面向 React 与前端性能优化的规则指南集，按优先级分为消除瀑布流、包体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能与高级模式八类，用于编写、评审或重构 React 代码时参考。
css-author
用于以原生 CSS 组织现代、可维护样式的技能，主张无需预处理器或构建步骤，通过 @import 模块化、@layer 控制层叠、嵌套提升可读性，并包含设计令牌与元素优先选择器。编辑 .css 文件时自动调用。
accessibility-checker
用于编写面向用户的 HTML 时确保符合 WCAG2AA 无障碍标准的技能，并可选扩展到 WCAG AAA。覆盖表单、图片、导航、链接、标题层级与表格的必备写法，并说明可用 pa11y 进行检测。
astro
Astro 是一个以内容为中心的网站构建技能，默认输出静态 HTML、零客户端 JavaScript，通过 islands 架构与 client:* 指令按需添加交互。适用于创建 .astro 文件、内容集合、配置适配器并部署到 Cloudflare 或 Node.js。
content-author
用于在 HTML 文档中撰写高质量文本内容的技能，关注拼写、语法与写作风格。它依赖 cspell 自定义词典，并规定主动语态、避免模糊用词、描述性链接文字、标题层级、阅读难度阈值等要求。
css-author
一个用于以原生 CSS 组织样式的技能，强调用 @import 模块化、@layer 控制层叠、CSS 嵌套、设计令牌和面向元素的选择器，无需预处理器或构建工具，在编辑 .css 文件时自动调用。
custom-elements
custom-elements 技能用于指导在项目中定义和使用自定义 HTML 元素，适合创建新组件、定义自定义标签或使用标准 HTML5 之外的项目专用元素。它涵盖元素校验、清单文档、既有元素用法、临时元素命名约定以及新建元素等内容。