SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 10-23 00:13

前端与建站

11,025 个结果

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 集成代码,以及数据表格与甘特图双向同步、右侧详情抽屉的实现方式。

前端与建站25 次安装

21st-cli-use

21st CLI 是 21st.dev 目录的命令行工具,通过 npx @21st-dev/cli 使用(可执行命令为 21st)。它用于在终端中搜索、安装和拉取 21st.dev 目录中的 React/shadcn 组件、主题和模板,并支持生成预览等能力。资料显示:元数据(搜索、预览、主题 CSS)免费;检索组件代码(21st get、install)有每日免费配额;托管 21st AI 需要单独的 AI 访问权限并消耗 AI 积分。适用场景包括查找可复用的 UI 组件、主题与模板,减少手写 UI 的成本。

前端与建站24 次安装

frontend-slides

Frontend Slides 是一个用于创建零依赖、动画丰富的 HTML 演示文稿的技能。它可以从零开始构建演示文稿,或将 PowerPoint(.ppt/.pptx)文件转换为 HTML 演示。该技能强调每个幻灯片必须适配单个视口、无内部滚动,采用内联 CSS 和 JS 的单文件结构,并通过视觉预览方式帮助用户探索设计风格。适用于制作演讲、路演、工作坊或内部演示,以及改进现有 HTML 演示的布局、动效和排版。

前端与建站24 次安装

frontend-dev-guidelines

该技能是一套面向 React/TypeScript 应用的前端开发规范指南,强调基于 Suspense 的数据获取、懒加载、文件组织与性能优化。内容涵盖组件模式、数据获取、文件组织、样式、路由、加载与错误状态、性能、TypeScript 规范、常见模式及完整示例等主题,并提供新建组件、新建功能的检查清单、导入别名速查(@/、~types、~components、~features)与常见导入代码片段。主要推荐使用 useSuspenseQuery、TanStack Query、TanStack Router、MUI v7、SuspenseLoader、useMuiSnackbar 等约定,并规定避免提前返回加载动画、重组件懒加载、按代码行数决定样式内联或拆分、使用 import type 等要求。适用于创建组件或页面、构建新功能、使用 TanStack Query 获取数据、设置 TanStack Router 路由、使用 MUI v7 设置样式、性能优化、组织前端代码及遵循 TypeScript 最佳实践等场景。

前端与建站24 次安装

frontend-design

该技能用于指导创建独特、达到生产级水准的前端界面,避免常见的“AI 味”审美。用户提供前端需求(组件、页面、应用或界面)及其用途、受众或技术约束后,技能先引导进行设计思考:明确要解决的问题与使用者、选定鲜明甚至极端的美学基调(如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等)、梳理框架与性能无障碍等技术约束,并确定让作品令人难忘的差异化点。随后实现可运行的代码(HTML/CSS/JS、React、Vue 等),要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖:排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体;用 CSS 变量统一色彩主题,主色配锐利点缀;用动画与微交互营造效果,HTML 优先纯 CSS,React 可用 Motion,重视页面加载的编排式揭示;空间构成上采用非对称、重叠、斜向、打破网格的布局;背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美(如常见字体、紫渐变白底、可预测布局),根据语境做多元变化,并让实现复杂度与美学愿景匹配。

前端与建站24 次安装