ce-ssr
面向无官方 SSR 封装框架（如 Nuxt）的 Commerce Engine 自定义服务端渲染绑定技能，基于 @commercengine/ssr-utils 提供 CookieAdapter 与 ServerTokenStorage，实现基于 Cookie 的会话令牌存储。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
前端与建站
11,054 个结果
ai-search-visibility-audit
一个用于审计网站能否被 ChatGPT Search、Perplexity、Google AI Overviews、Microsoft Copilot 等 AI 答案引擎发现、抓取和引用的技能，分四阶段检查引用基线、爬虫可达性、内容可引用性和引用来源。
neo-brutalist-ui-system
面向前端项目的可复用新粗野主义设计系统技能，用于落地页、营销页、作品集、仪表盘等界面，强调高对比、硬边框、方角与令牌化样式，默认保留现有布局与内容架构。
cc-frontend-dev
一套前端开发规范技能，涵盖 Vue 3 编码规范、UI 风格约束、TypeScript 规范、Pinia 状态管理、API 错误处理及 React/antd 常见陷阱，用于约束 AI 生成符合工程要求的前端代码。
ui-ux-pro-max
UI/UX Pro Max 是一套面向 Web 与移动应用的设计智能指南，汇集 50+ 风格、97 套配色、57 组字体搭配、99 条 UX 规范与 25 种图表类型，覆盖 9 种技术栈，提供可搜索、按优先级排序的设计建议。
analyzing-data-html-report
用于开发数据分析报告的技能：创建报告项目目录、用 Python 脚本产出精确分析结果并输出 data.json，再生成内嵌数据的静态 HTML 单页报告并集成 ECharts 5.6.0 图表，最后补充 README 文档与交付摘要。
shadcn-ui
面向 React/Next.js 的 shadcn/ui 组件技能，覆盖安装、定制、组合、调试与优化全流程。强调组件代码复制进项目由你拥有、可直接修改，基于 Radix UI、CVA 与 CSS 变量主题，含表单、数据表格、无障碍与验证循环等参考与工作流。
fixing-accessibility
fixing-accessibility 是一个用于审查并修复 HTML 无障碍问题的技能，覆盖 ARIA 标签、键盘导航、焦点管理、颜色对比度和表单错误等，适用于按钮、链接、输入、菜单、对话框、标签页、下拉框等 UI 工作。
fixing-motion-performance
用于审计并修复 UI 动画性能问题的技能，覆盖布局抖动、合成器属性、滚动联动动画与模糊滤镜等场景，可在现有动画栈内给出违规位置与代码级修复建议。
tanstack-react-store
TanStack Store 是一个框架无关的响应式数据存储库，配合 @tanstack/react-store 在 React 应用中实现全局状态管理，支持创建可写与派生 store、订阅、批量更新及细粒度重渲染。
tanstack-virtual
TanStack Virtual 的 React 无头虚拟化方案，用于渲染大型列表（100+ 项）、虚拟滚动与无限滚动信息流。安装：npm install @tanstack/react-virtual。
layerchart
LayerChart 是一个基于 Layer Cake 的 Svelte 数据可视化组件库，提供可组合组件，用于构建笛卡尔、径向、层级、地理和图形等多种响应式交互图表。
html-css
提供现代 HTML5 与 CSS3 协助的技能，涵盖语义化标记、Flexbox、CSS Grid、容器查询、CSS 自定义属性与响应式设计系统，用于构建可访问、SEO 友好的网页结构与自适应布局。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
modern-css
modern-css 是一个用于编写、审查或重构 CSS 与 HTML 的技能，主张优先采用满足项目浏览器目标的最小原生 HTML/CSS 方案，替代旧式 CSS、JavaScript 驱动的表现、预处理器、布局 hack 等。
iblai-agent-history
iblai-agent-history 是一个用于 Next.js 应用的技能（Skill），用于为应用添加智能体（Agent）的 History 标签页。该标签页展示对话历史，支持评分、摘要、主题标签，并提供按用户、日期范围、情感和主题的筛选；还包含对话预览、分页插槽以及可选的导出功能。它是更广泛的 agent-settings 家族中的一个标签，所有标签共享同一个 AgentSettingsProvider 包装器。该技能依托 ibl.ai SDK（@iblai/iblai-js）组件构建，遵循 ibl.ai 品牌规范，要求优先使用 SDK 组件、其次使用 shadcn/ui，不得自定义样式或深色模式。使用前需完成鉴权、配置 MCP 服务器与技能，并由 AgentSettingsProvider 包裹路由，同时需要用户提供真实的 mentorId（代理 UUID）。完成后须运行 /iblai-ops-test 验证并启动开发服务器。
frontend-syntax-js-es2024-ts-dom
面向前端开发者的 ES2024 与 TypeScript DOM 语法技能参考，聚焦 DOM 边界上的新特性与类型收窄模式，涵盖分组、深拷贝、Promise、迭代器辅助方法、scheduler.yield()、严格模式配置与 Import Attributes。
react-router
React Router V7 的编码与审查技能，覆盖 loaders、actions、表单、路由、中间件与错误处理的模式与最佳实践，适用于编写或评审 React Router 代码。
frontend-ui-best-practices
面向 React + shadcn/ui 前端项目的技术栈基线与模块文档规则技能，包含 4 条规则，覆盖包管理器、构建工具、框架、组件库、样式文件拆分与 README 文档约定。
astro
Astro 是一个用于构建快速网站的 Web 框架，支持 SSG、SSR 和混合渲染，以及组件群岛（islands）架构。适用于内容型站点（博客、文档、营销页）与需要按页面选择静态或服务端渲染的场景。
review
该技能把 Fowler、Torvalds、Carmack、React 核心等多位评审者视角集中到一个 Skill 中，让 Claude 在用户要求代码评审时挑选或组合专家视角，按需加载对应参考文档或派生子代理，从性能、架构、可读性等方向给出评审意见。
vite-tanstack
面向 Vite + React + TypeScript 项目的 TanStack 配置指南，覆盖 Router、Query、Form、Table 四个可选模块，以及统一的 DevTools 配置方式。
web-design
网站设计与 UI 设计指导技能，帮助用户做布局、配色、字体、间距与组件等设计决策，并输出 CSS 变量或 Tailwind 配置形式的设计 Token，默认兼顾 WCAG 2.1 AA 无障碍要求，并可按清单审查现有设计的无障碍问题。
frontend_design
frontend_design 是一个前端设计技能，用于创建独特、生产级、高设计质量的网页界面，避免通用 AI 风格。适用于构建 Web 组件、页面、海报等，强调排版、配色、动效与空间构图。