SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-26 00:15
11,100 个结果
Shell UI 是一套面向 src/app/shell 目录的 Shell 模块模式，用于管理全局应用外壳与跨领域 UI 状态，包括布局组合、全局导航、应用级 UI 脚手架，以及主题、提示条/消息条、搜索 UI 状态等真正跨领域的全局 UI 状态存储。它强调 Shell 不承载业务能力逻辑，不直接调用仓储，只消费面向应用的信号。UI 规则要求仅使用独立组件，模板仅通过 Angular 控制流绑定信号，使用 Material Design 3 令牌，避免为颜色与排版硬编码 CSS 值。导航方面优先采用路由驱动的组合与懒加载，并使用 inject() 配合函数式守卫与解析器。无障碍方面要求保证键盘导航、焦点可见性、语义化地标以及全局布局的跳转链接。
TanStack Table 是一个用于构建表格和数据网格（datagrid）的无头（headless）UI 库，核心与框架无关，主要提供 React 适配器（@tanstack/react-table）。它覆盖列定义、行模型、排序、过滤、分页、分组、展开、行选择、行固定、虚拟化、状态管理与渲染等能力，适合需要高度自定义表格交互与外观的前端开发场景。
canvas-component-utils 是 acquia/nebula 项目中的一组工具组件，用于在组件中正确渲染格式化文本与媒体内容。它从 drupal-canvas 包中导入 FormattedText 和 Image 两个工具。FormattedText 用于渲染来自 props 的 HTML 内容，适用于 component.yml 中声明 contentMediaType: text/html 的属性，可处理包含 <p>、<strong>、<em>、<a> 等标签的富文本；纯文本属性、标题等则不应使用它。Image 用于响应式图片渲染，自动处理响应式行为与优化，支持 src、alt、width、height 和 className 等属性。
该技能为 Canvas 组件提供样式约定，基于 Tailwind CSS 4 主题令牌与获批的工具类模式编写样式，适用于创建新组件或为组件添加颜色与样式时参考。
ie6-hacks 是一份用于识别和清理 Internet Explorer 6 兼容性代码的技术参考，覆盖 CSS 与 JavaScript 中常见的 IE6 专用写法。它帮助开发者在维护或现代化遗留代码库时，定位那些只为 IE6 存在、如今可以安全删除的 hack 与补丁。内容涵盖星号 HTML hack、下划线属性 hack、双倍外边距浮动 bug、PNG 透明度 AlphaImageLoader、hasLayout/zoom:1、Peekaboo（Holly）hack、盒模型 hack、min-height hack、CSS 表达式以及条件注释等模式，并给出识别特征、成因说明、前后对比示例与移除建议。适用于代码审计、样式表清理、遗留项目升级等场景。
ui-craftsman 是一个用于生成生产级网页的技能，基于 React 18、Framer Motion 与 Tailwind CSS，强调电影级动画与独特视觉风格。用户以 /ui-craftsman 加需求描述调用，产出单文件 HTML 页面。
一套面向 React 的组件组合模式技能指南，用于解决布尔属性泛滥问题，帮助构建灵活可维护的组件库。涵盖组件架构、状态管理、实现模式与 React 19 API 四类规则，适合重构组件、设计组件 API 或审查组件架构时参考。
阿里云 AI 尝鲜实验室技能：抓取官方页面上的 GitHub 热门 AI 开源项目，按固定模板生成每周推荐，并给出云端一键部署链接，帮助用户免本地配置体验 AI 项目。
Meticulous 前端视觉回归测试技能指南，记录并回放用户会话以捕获视觉差异。包含完整测试工作流与单会话本地模拟对比两类技能，适合需要视觉验证的 UI 改动。
@json-render/react-email 是 json-render 的 React Email 渲染器，用 @react-email/components 与 @react-email/render 将 JSON 规格转换为 HTML 或纯文本邮件。适用于需要以 JSON 描述邮件结构、在服务端输出邮件的场景。
用于审查网站、应用、PDF 及实体设施无障碍合规性的技能，覆盖 WCAG 2.1/2.2 AA、ADA 第二章与第三章义务及整改建议，并提示 DOJ 2024 最终规则的合规期限。
用于在 React Native 与 Expo 应用中实现逐帧精准、接近原生手感的键盘处理，解决键盘遮挡内容、键盘动画不同步等问题，核心思路是把 iOS 与 Android 两套不同的键盘模型统一映射到一个动画值上。
AI SDK UI 是面向聊天、补全与助手应用的框架无关 Hooks 与工具集，支持实时流式输出与状态管理。文档给出 React、Vue、Svelte、Angular、SolidJS 等包与 useChat、useObject、useCompletion 的选用指引、消息渲染模式与迁移注意事项。
Dash Mantine Components（DMC）最佳实践与性能优化指南，用于编写、审查或重构使用 DMC 的 Dash 应用。规则按影响级别和类别组织，涵盖架构、回调、样式、数据管理、性能、表单验证、主题、v2.x 迁移与无障碍等，并支持 ui_audit.v1 机器可读审查输出。
来自 Vercel 工程的 React 与 Next.js 性能优化规则集，涵盖 8 类共 70 条规则，按影响优先级排列，用于编写、审查或重构 React/Next.js 代码时参考。
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调高设计质量，避免常见的“AI 味”审美。适用于构建 Web 组件、页面或应用，输出可运行代码并注重排版、配色、动效与空间构图等细节。
UI Styling 是一个用于创建美观、可访问用户界面的技能，结合 shadcn/ui 组件（基于 Radix UI 与 Tailwind）、Tailwind CSS 实用优先样式以及基于 canvas 的视觉设计系统。它适用于使用 React 框架（Next.js、Vite、Remix、Astro）构建界面、实现可访问组件、采用实用优先 CSS、创建响应式移动优先布局、实现暗色模式与主题定制、构建设计系统、生成视觉设计或品牌材料、快速原型以及添加复杂 UI 模式等场景。核心栈包括组件层 shadcn/ui、样式层 Tailwind CSS 和视觉设计层 Canvas。提供 CLI 安装、组件目录、主题定制、可访问性模式、Tailwind 工具类、响应式设计、自定义配置、视觉设计系统以及 Python 自动化脚本等参考与工具。
Generative UI 是 builderio/agent-native 中的技能，用于在聊天内联渲染沙箱化的 Alpine.js HTML 界面，可生成临时或可保存的控件、选择器、计算器、仪表盘等，并通过应用状态与智能体双向传递输入输出。
Appduct 是一个用于从终端或通过 MCP 驱动已集成 Appduct 的应用的工具（支持 iOS、Android、React Native、Flutter 或 Web）。它可连接设备、列出应用注册为工具的函数并调用它们，使用一个本地 daemon 保存设备会话，CLI 和 appduct mcp 是其轻量客户端。
面向 Next.js 15 App Router 的技能文档，讲解 Server/Client Components 划分、异步 params、布局与路由约定、Server Actions、Route Handlers、数据获取与静态生成等模式，并列出常见反模式，供构建 App Router 应用时参考。
结合 Zod 与 React Hook Form 的表单校验技能，涵盖本地化错误消息、Server Action 集成与 shadcn/ui 表单组件，适用于 Next.js 项目中的表单与数据校验。
TanStack Table v9 的 React 表格最佳实践，用于构建稳定的表格 schema 与实例行为。适用于创建或审查 React 表格、列、元数据等场景。
用于在 Astro 项目中通过 React islands 集成 CometChat React UI Kit v6 的技能，借助 @cometchat/skills-cli 完成脚手架、安装与校验，并配合 CometChat 文档 MCP 查询 SDK 细节。
用于在 React Router（v6 或 v7，库模式或框架模式）项目中接入 CometChat React UI Kit v6 的技能，通过 @cometchat/skills-cli 完成检测、预览、应用与校验，并由文档 MCP 提供 SDK 事实依据。