ui-ux-pro-max
UI/UX Pro Max 是一个面向前端 UI/UX 设计的技能，提供可搜索的数据库，涵盖 UI 风格、配色方案、字体搭配、图表类型、产品推荐、UX 指南以及特定技术栈的最佳实践。适用于设计、构建或优化网站、落地页、仪表盘等前端界面时，帮助 AI 快速获取设计决策依据。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-18 00:12
前端与建站
10,834 个结果
workflow-progress-screenshots
一个工作流技能：在视觉改动过程中主动向用户发送真实截图，覆盖起始状态、关键交互与最终结果，并附简短说明，避免只描述不展示。
integrate-webapi
面向 Power Pages 代码站点的技能，用于把 Power Pages Web API 接入前端代码：分析需要接入的 Dataverse 表、生成 API 客户端与 CRUD 服务、配置表权限与站点设置，并部署站点。
tanstack-start
TanStack Start（RC）全栈 React 方案，基于 TanStack Router，支持按路由 SSR/CSR、文件式路由、server functions 与 Cloudflare Workers 边缘部署，适用于 Next.js 迁移、边缘渲染及 hydration 问题排查。
impeccable
impeccable 是一套用于设计与迭代生产级前端界面的技能，强调真实可运行代码与明确的设计取舍。它通过加载项目上下文、区分品牌与产品两种设计语域，并提供 craft、shape、audit、polish 等子命令来指导设计、评审与优化。
bitrix-ui
Bitrix UI 套件技能，覆盖 main 23.0+ 的 ui/main JS 扩展与 PHP 外观：弹窗、侧滑页、对话框、按钮、工具栏、网格与过滤器、实体选择器、表单、提示与计数器等界面组件。
base-ui
Base UI 是一套无样式的 React 组件库，提供可组合、可访问的 UI 基础组件，视觉样式完全由使用者自行提供。该技能围绕多部件组件的组装、render prop 组合方式以及无障碍要求展开，涵盖表单与输入、反馈与状态、菜单与导航、浮层、开关控件、布局与分隔等组件类别，并整理了各版本的更新要点与核心使用概念。
full-codebase-migrator
full-codebase-migrator 是一款利用超大上下文窗口通读整个代码库、并输出逐文件迁移计划的技能，支持 JS 转 TS、React 类组件转 Hooks、框架迁移等场景。
ln-832-bundle-optimizer
ln-832-bundle-optimizer 是一个用于减小 JavaScript/TypeScript 打包体积的技能，属于 8XX 优化类别的 L3 Worker。它通过 tree-shaking、代码分割和移除未使用依赖等方式优化前端 bundle 大小，采用“保留/丢弃”验证机制：每次优化后重新构建并测量体积，只有确实减小体积的改动才会被保留。适用于需要优化前端打包体积的 JS/TS 项目。
vue-nuxt
面向 JARVIS AI 助手界面开发的 Vue 3 与 Nuxt 3 技能，强调安全优先模式，涵盖响应式 3D HUD 组件、服务端渲染、状态管理与输入净化等实践。
objectstack-ui
ObjectStack UI 协议设计技能，为 ObjectStack 规范下的用户界面提供专家级编写指引。主要覆盖视图（列表、表单、看板、日历、甘特图等）、应用导航、仪表盘、报表与动作。列表视图支持 grid、kanban、gallery、calendar、timeline、gantt、map、chart、tree 等类型；表单视图支持 simple、tabbed、wizard 三种形态，并包含主子表单的行内编辑机制。应用通过 App.create({...}) 构建导航树，支持 group、object、dashboard、report、page、url、action、component、doc、separator 等导航项。报表分 tabular、summary、matrix、joined 四类，无独立图表报表类型。动作分 script、url、modal、flow、api、form 六种。还提供了 CRM UI 蓝图、日期宏过滤占位符规则，以及常见陷阱与 os validate 校验流程。
hwc-forms-validation
面向 Hotwire 表单工作流的技能，覆盖表单提交生命周期、内联编辑、校验错误、typeahead/自动补全、模态表单与外部表单控件，基于 Turbo Frames 与 Stimulus 实现。
css-expert
CSS Expert 是面向现代 CSS 的前端布局技能，覆盖 flexbox、Grid、动画、响应式设计与容器查询等，提供符合标准、可维护的布局指导。
frontend-developer
这是一个面向前端开发的技能，专注于使用 React 19+ 与 Next.js 15+ 构建现代 Web 应用。它覆盖 React 组件开发、服务端组件（RSC）、Server Actions、并发渲染与 Suspense、客户端状态管理与数据请求、响应式布局、样式与设计系统、性能与 Core Web Vitals 优化、可访问性、测试与工程化工具链，以及与认证、支付、CMS、数据库等第三方服务的集成。适用于构建或修复 React/Next.js UI、优化前端性能与可访问性、设计客户端数据获取与交互流程；不适用于仅需后端 API 架构、非 Web 原生应用或纯视觉设计。
frontend-async-best-practices
这是一套面向异步 JavaScript 代码的性能优化指南，聚焦于消除请求瀑布（waterfall）并最大化并行执行。它包含 5 条规则：parallel（用 Promise.all 并行处理独立操作）、defer-await（把 await 移入真正使用它的分支）、dependencies（依赖操作串联、独立操作并行）、api-routes（在 loader 中尽早启动 Promise、延迟 await）、suspense-boundaries（用 Suspense 先展示 UI 再流式加载数据）。适用于编写、审查或重构异步代码，尤其是 Remix loader/action、数据获取逻辑和多异步操作场景。
cwv-optimizer
cwv-optimizer 是 Adobe 提供的技能，用于诊断和修复 AEM Edge Delivery Services（EDS）页面上的 Core Web Vitals（核心网页指标）问题。它基于 EDS 专属领域知识，包括 100KB LCP 预算、Eager-Lazy-Delayed 加载阶段、块架构、createOptimizedPicture() 函数以及 /scripts/delayed.js 模式，输出具体可实施的修复方案并附带预估影响，而非泛泛的性能建议。适用于 Lighthouse 分数下降、LCP/CLS/INP 表现不佳、新增块或第三方脚本需验证 CWV 影响、OpTel Explorer 显示 CWV 回退需定位原因，以及需要修复前后分数预测的场景。不适用于解读 OpTel 数据、非 EDS 站点或服务端 TTFB/CDN 问题。
ai-sdk-ui-v7
该技能用于使用 Vercel AI SDK v7 构建 React 聊天界面，核心涉及 @ai-sdk/react 的 useChat 与来自 ai 包的 DefaultChatTransport。适用于实现 AI SDK v7 聊天 UI 或排查相关问题。技能强调不要凭记忆编写 useChat，应先查阅 node_modules 中的文档或官方文档；使用本地输入状态、sendMessage({ text })、status 而非 isLoading，并渲染 message.parts。当聊天端点不是 /api/chat 时需传入 DefaultChatTransport({ api })，且在 status 不为 ready 时禁用发送。不覆盖后端生成部分（见 ai-sdk-core）。
bitrix-vue
BitrixVue 3（ui.vue3）是 Bitrix 框架中基于 Vue 3 的前端方案，通过 BitrixVue 插件提供 $Bitrix 能力，用于构建页面内的响应式 UI。适用于扩展或 PHP 页面，支持 Pinia、路由与内核组件。
ant-design-vue
Ant Design Vue（简称 AntDV）是面向 Vue 3 的组件库使用指南技能，覆盖安装、使用、API 参考、模板以及全部组件分类。当用户提到 Ant Design Vue、AntDV、Ant Design of Vue，或在 Vue 3 项目中使用 Button、Table、Form、Modal、Menu 等 UI 组件，或需要 Ant Design Vue 4.x 的 API 与配置时，可依据该技能定位到对应的文档结构。技能内容按官方文档结构组织，分为入门与安装、组件分类示例、API 参考、主题与国际化、模板等部分，组件按通用、布局、导航、数据录入、数据展示、反馈、其他七大类一一映射到对应文件，并提供 ConfigProvider 全局配置、Design Token 主题定制、国际化以及 Vite 项目搭建等模板指引。
markstream-vue
markstream-vue 是一个用于在 Vue 3 应用中集成 Markdown 流式渲染的技能。它面向基于 Vite 的普通 Vue 3 项目（非 Nuxt），指导完成安装、CSS 导入顺序、渲染器模式与 DOM 模式选择，以及流式输出、虚拟滚动、代码块增强等配置。核心能力包括：按场景选择 chat、docs、minimal 三种渲染模式；通过 smooth-streaming 控制输出节奏、fade 控制透明度、typewriter 控制光标；支持虚拟滚动与时间线组件以应对长对话；内置代码块节点并可通过 stream-diffs 增强；默认启用 html-policy="safe" 与 Mermaid 严格模式。使用方式涵盖安装依赖、显式导入样式、按界面选择模式、配置流式与历史恢复策略、以及通过 setCustomComponents 做局部组件覆盖。适用于 AI 聊天、SSE 输出、文档展示等场景，限制在于主要面向 Vue 3 而非 Nuxt，部分高级能力依赖可选依赖或宿主自行注入。
nextjs15-performance
Next.js 15 关键性能修复指南，属于 srbhr/resume-matcher 项目中的技能。用于编写 React 组件、数据获取、Server Actions 或优化打包体积时参考。核心规则包括：用 Promise.all() 处理独立请求以避免瀑布式加载，用 <Suspense> 包裹慢数据，按需延迟 await；禁止桶式导入（如从 'lucide-react' 整体导入），改用直接导入图标路径，对编辑器、图表、PDF 查看器等重型组件使用 next/dynamic，分析脚本用 ssr: false 延迟加载；Server Actions 必须在 action 内部检查鉴权，并在变更前验证资源归属；生产构建使用 npm run build && npm run start，Docker 必须使用 standalone 输出而非开发模式。提交 PR 前需自查：无独立数据的顺序 await、图标直接导入、重型组件使用 next/dynamic、Server Actions 内部有鉴权、慢请求包裹 Suspense。
angular-best-practices-tanstack
这是一个面向 Angular 的 TanStack Query 最佳实践技能，用于管理服务端状态。它涵盖查询（query）与变更（mutation）模式、缓存失效（cache invalidation）以及查询键工厂（query key factory），帮助实现自动缓存、请求去重和后台重新获取。该技能在从 API 获取数据、执行带缓存失效的变更、以及构建支持层级失效的查询键结构时激活，建议与核心技能 angular-best-practices 配合使用。
ahooks-v3
ahooks-v3 是一套面向 React 状态管理的实用 Hooks 技能，聚焦于分组状态更新与 localStorage 持久化两类场景。它适用于 ahooks v3+、React 18+ 且支持 Hooks 的项目，推荐配合 TypeScript v5+ 以获得类型推断，并且仅限客户端使用（localStorage 依赖浏览器 API）。核心用法包括：用 useSetState 管理会一起变化的分组状态（如表单状态、游戏引擎状态、临时 UI 状态），用 useLocalStorageState 让状态跨浏览器会话持久保存（如用户偏好、调试开关、设置项）。技能同时给出明确边界：URL 可共享状态应使用 nuqs，异步操作与加载状态应使用 TanStack Query，复杂状态机与异步操作不在覆盖范围内；并强调避免将 URL 状态与 localStorage 混用而不做显式同步。
vue3-best-practices
这是一个面向 Vue 3 应用的性能优化与开发最佳实践指南技能，包含跨 8 个类别、共 45 条按影响力排序的规则，用于指导自动化重构和代码生成。规则按优先级划分：响应式性能与组件优化为关键级（CRITICAL），打包体积与加载为高级（HIGH），Composition API 为中高（MEDIUM-HIGH），模板性能与状态管理为中级（MEDIUM），生命周期优化为中低（LOW-MEDIUM），高级模式为低级（LOW）。各规则以文件形式提供，内容包括说明、错误与正确代码示例、性能影响及 Vue 2 迁移注意事项，并涉及 Vite、TypeScript、测试的框架集成。该技能适用于编写或审查 Vue 3 组件与 composables、实现响应式数据与计算属性、审查性能问题、从 Vue 2 重构到 Vue 3、优化打包体积或加载时间、使用状态管理（Pinia/Vuex）以及实现组件内异步操作等场景。