building-nextjs-apps
用于构建 Next.js 16 应用的技能，强调正确的异步 params/searchParams 写法、App Router 模式与独特设计。适用于创建页面、布局、动态路由，或从 Next.js 15 升级。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-23 00:13
前端与建站
11,022 个结果
profile-optimizer
profile-optimizer 是用于分析 React DevTools Profiler 导出、Chrome Performance trace 及 Chrome 堆快照/堆时间线/堆分析文件的性能排查技能，把 profile 文件转成有证据支撑的分级优化方案。
pinchtab
PinchTab 是一个面向智能体的浏览器自动化技能，通过稳定的无障碍引用、低 token 文本提取和持久化配置文件或实例来驱动浏览器。以 CLI 为主，HTTP API 作为回退，支持导航、快照、点击、填表、抓取等操作。
ns-code-built-view-styling
NativeScript 技能：为用代码构建的视图设置样式。当用 new Label()、new StackLayout() 等方式以 TypeScript 构建视图（如 RootLayout 覆盖层、程序化对话框/提示）时，说明如何处理 Tailwind 类可能被清除及暗色模式适配问题。
ns-gridlayout-spec-strings
NativeScript GridLayout 的行列规格字符串参考技能，说明 auto、星号权重与 dip 三种单位的写法、解析陷阱、代码中读写 row/column 的方式，以及间距与星号分配的已知限制。
ns-ios-scroll-under-bars
NativeScript iOS 滚动视图安全区技能：解决 ScrollView/ListView 在标签栏上方被硬线截断、内容藏在半透明浮动栏后的问题，说明何时应保留默认 iosOverflowSafeArea 行为、何时可设为 false，并给出底部留白与验证方法。
map-provenance-survival
用于把原始资产与缩放、转码、上传或下载等派生副本进行对比，测量C2PA来源信息在真实流程中的存活情况，并生成JSON、Markdown或HTML报告。
base-ui
Base UI 的参考与工作流技能，面向 @base-ui/react 的无样式、可访问 React 组件、组合工具与表单辅助。适合在实现 Base UI 组件时按需加载参考文件，作为导航入口使用。
css-performance
css-performance 是一个 CSS 性能优化技能，针对关键 CSS 提取、代码分割、无用样式清除（Purging）和打包分析提供可落地的配置指导，适用于需要提升页面加载与渲染性能的前端项目。
next-js-framework
Next.js 框架技能，用于构建生产级 React 应用，涵盖 SSR、SSG、API 路由、图片优化、中间件与部署等主题，适合具备 React 与 Node.js 基础的中高级开发者学习。
react-code-smells
面向 React 代码库的资深工程师级重构指南，提供 42 条规则、8 个按影响优先级划分的类别，用于消除代码异味。覆盖 prop drilling、状态爆炸、组件组合、抽象质量、耦合内聚、Hook 规范、渲染模式、副作用管理与可测性，每条规则含异味信号、前后对比与安全改造步骤。
azure-integrations
Azure Integrations 是针对 Azure 云服务部署与集成的技能包，面向 Next.js、Vite/React 等 Web 应用的托管、CI/CD 自动化与基础设施即代码，覆盖 Static Web Apps、App Service、Blob 存储、Key Vault、Application Insights 与 Cosmos DB。
i18n
面向使用 i18next 的项目的国际化工具包，提供 i18n-check 检测硬编码中文、i18n-fix 替换为 i18n 标记、i18n-sync 同步多语言键三条命令，支持 HTML/JS 检查与多语言对齐。
inboxmate-batch-demo
用于为 CRM 潜在客户批量创建 InboxMate 演示的自动化流程，可从 Twenty CRM 查询尚无商机的公司、校验其网站，并为有效公司创建演示。
reachat
Reachat 是一个用于在 React 中构建聊天与 LLM 界面的 UI 组件库，提供插槽式组件、Markdown 渲染、富文本输入、会话管理、文件上传与 Tailwind 主题系统，基于 reablocks、Tiptap v3、react-markdown 等构建。
component-composition
该技能介绍如何正确组合 fundamental-styles 组件，涵盖必需的包装元素、嵌套规则以及常见组合模式。内容包括表单、输入组、弹出框、对话框、按钮、表格、列表、卡片、面包屑、消息条等组件的结构示例，并说明必需与可选包装元素、常见组合错误。适用于需要理解组件结构、父子关系或解决组件因组合不当而失效的场景。
layout-patterns
layout-patterns 是 SAP fundamental-styles 提供的一套常见 UI 布局模式技能，用于把多个 fundamental-styles 组件正确组合成完整、可投入生产的界面。它覆盖登录表单、主从（master-detail）布局、带操作的数据表格、多步骤向导以及带校验的表单等典型场景。每个模式都给出所用组件、适用时机和完整示例代码，并强调无障碍属性（如 aria-required、aria-label）与语义化 HTML 的使用。适合在需要快速搭建认证页、列表详情页、数据管理表格或分步流程时参考。
sveltekit-structure
SvelteKit 结构指导技能，用于路由、布局、错误处理、SSR 与 svelte:boundary 等场景，覆盖文件命名、嵌套布局、错误边界与待处理状态。
css-motion-systems
用于网页界面动效设计的生产级技能，涵盖 CSS transition、keyframes、linear() 缓动、transform 策略与 View Transitions API，强调交互清晰度、性能与无障碍，适合设计系统动效令牌与动效质量评审。
frontend-design
用于为 Blazor WASM 组件编写 CSS 与响应式样式的技能，基于 MudBlazor 8.15.0 的 Material Design 3 设计体系，并针对区块链与工作流可视化做了自定义扩展。
studio-shortcuts
Supabase Studio 键盘快捷键约定：在新增或改动重复性用户操作、工具栏操作、列表/表格操作或子页面导航时，用于规范快捷键的注册、展示与冲突检查。
alpinejs
Alpine.js 是一个轻量级 JavaScript 框架，通过在 HTML 标记中直接添加指令（directives）来构建响应式、声明式的交互界面。它提供类似 Vue 的语法与响应式能力，且无需构建步骤，既可以借助 CDN 引入，也可以通过 npm 安装。Alpine.js 体积小巧（约 15kb gzip 压缩后），能够与服务器端渲染的 HTML 无缝协作，特别适合为静态网站增强交互性，或为服务端渲染页面添加动态行为。其核心用法围绕 x-data 声明响应式状态、x-on/@ 处理事件、x-text 与 x-html 输出内容、x-show 与 x-if 控制显示、x-for 循环渲染、x-bind/: 绑定属性、x-model 实现双向绑定以及 x-transition 添加过渡动画。该技能在用户提出添加 Alpine.js、创建 Alpine 组件、使用 Alpine 指令或构建交互式 UI 等需求时使用。
blazor-performance
面向 Blazor 应用的性能优化技能，覆盖渲染优化、虚拟化、懒加载、输出与分布式缓存、WASM 体积与内存管理，以及 Blazor Server 电路调优等实践。
project-management-integrations
该项目管理集成技能面向使用 MUI（Material UI）构建应用的前端开发者，汇总了可与 MUI 主题、布局和组件插槽组合使用的甘特图、看板、日程与资源管理类库。由于 MUI X 目前没有原生甘特图组件（仍在路线图中），该技能说明如何在这些第三方时间线库周围继续使用 MUI 承载其余界面。内容涵盖甘特图库（SVAR React Gantt 免费 MIT 核心与 PRO、DHTMLX React Gantt 企业版、Bryntum Gantt、Syncfusion React Gantt 社区免费许可、FullCalendar Premium 资源时间线）、看板与拖拽库（dnd-kit、react-mui-scheduler、Atlassian Pragmatic Drag and Drop），并给出功能对比矩阵、按使用场景的推荐选型表，以及“甘特图 + MUI X DataGrid 侧边栏”的架构与示例代码。文中列出了各库的 npm 安装命令、许可证与价格信息、MUI 集成代码，以及数据表格与甘特图双向同步、右侧详情抽屉的实现方式。