SuperAPI AI 工具集

Skill 广场

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

更新于 10-22 00:14

前端与建站

10,965 个结果

material-3-to-material-2-theme-adapter

该技能介绍如何通过 CSS 变量覆盖,将 Material Design 3 的样式无缝集成到 Material Design 2 组件中。核心做法是在 :root 中把 MDC(Material Design 2)主题变量映射到 Material 3 的系统颜色变量(--md-sys-color-*),例如将 --mdc-theme-primary 指向 --md-sys-color-primary,将背景、表面、轮廓等主题变量逐一对应。资料仅提供了这一 CSS 变量映射片段,未说明具体框架、安装方式、使用步骤或限制。

前端与建站42 次安装

server-side-rendering-flutter-apps-with-rfw

该技能介绍如何使用 rfw(Remote Flutter Widgets)包在 Flutter 应用中实现服务端渲染(SSR),让 UI 由服务器逻辑与二进制数据驱动并动态更新。内容涵盖更新策略对比(Code Push、强制最新版本、服务端驱动更新)、rfw 文本格式与二进制编译、使用 dart_frog 搭建服务端、在客户端自定义参数解码器等步骤,并给出计数器示例的完整代码。适用场景包括银行账户、机票酒店预订、即时通讯、营销与 AB 测试、数据库优先类应用。

前端与建站42 次安装

web-artifacts-builder-v2

Web Artefacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 制品的工具集,基于现代前端技术栈:React 19、TypeScript、Vite 8、Tailwind CSS v4、shadcn/ui(new-york 风格)与 lucide-react,并通过 vite-plugin-singlefile 打包为单个自包含 HTML 文件。它提供初始化脚本、主题资源与打包脚本,配套设计原则(克制配色、排版优先、避免 AI 默认风格)以及五套命名主题,适用于报告、代码审查、仪表盘、编辑器等前端制品的构建与交付。

前端与建站42 次安装

gpt-taste

gpt-taste 是一个面向前端设计工程的高级技能,用于生成具有电影级动效、严格 AIDA 结构、宽幅 Hero 排版和无缝 Bento 网格的 GSAP 密集型前端页面。它适用于用户要求制作获奖级落地页、营销页或创意前端,并需要 GSAP、固定滚动、滚动擦除、卡片堆叠、水平运动等高级动画的场景。该技能强调打破大语言模型的统计偏见,避免窄容器导致的六行标题、廉价元标签、Bento 网格空白单元格以及重复的左右布局。它要求使用 Python 驱动的随机化选择 Hero 架构、字体栈、组件架构和 GSAP 范式,并强制输出前进行设计计划验证。限制包括:假设前端项目支持 GSAP 或等效动画库,需检查依赖和性能预算;重滚动动画、固定和媒体效果需跨桌面和移动视口进行浏览器测试;当用户要求克制界面、低动效无障碍模式或简单维护更改时不应应用电影级动效。

前端与建站42 次安装

markstream-angular

markstream-angular 是一个用于在 Angular 20+ 应用中集成 alpha 版 markstream-angular 包的技能。它指导开发者以独立组件(standalone component)方式引入 MarkstreamAngularComponent,并配合基于 signal 的示例完成 CSS 接线。该技能适用于需要流式渲染 AI 聊天内容、Markdown 内容或数学公式(KaTeX)的场景,涵盖安装、样式导入、流式与历史恢复模式切换、[final] 结束状态、[htmlPolicy] 安全策略以及 Mermaid 严格模式等配置要点。

前端与建站42 次安装

syncfusion-maui-toolkit-theming

该技能用于为 Syncfusion .NET MAUI 组件设置主题与样式,核心是 SyncfusionThemeResourceDictionary。它覆盖 MaterialLight、MaterialDark 等视觉主题的应用与配置,支持运行时动态切换主题、覆盖默认主题颜色、自定义控件样式、从零创建自定义主题、统一品牌外观、与系统主题同步,以及排查主题相关样式问题。适合在 MAUI 应用中使用 Syncfusion 组件并需要统一或定制视觉风格的开发场景。

前端与建站42 次安装

8bit-docs-patterns

8bit-docs-patterns 是一套用于编写 8-bit 复古游戏风格组件文档的规范与模式集合,来源于 theorcdev/8bitcn-ui。它指导开发者如何为游戏化区块、RPG 组件和复古风格界面撰写文档,强调使用游戏术语、真实游戏数据、像素字体样式以及正确的组件导入路径。该模式涵盖任务日志、生命条、排行榜等典型游戏组件的文档写法,并提醒所有 8-bit 组件都依赖 retro.css 且需从 @/components/ui/8bit/ 路径导入。

前端与建站42 次安装

shadcn-ui-conventions

该技能定义了 8-bit 复古风格 UI 组件的开发约定,适用于使用 shadcn/ui 组件或实现复古风格界面元素的场景。核心内容包括:components/ui 目录采用与项目其他部分不同的约定,并被排除在 Biome/Ultracite 代码检查之外以保留 shadcn/ui 模式;导入顺序规范(外部库、内部工具、基础组件别名、复古样式表);基础组件与 8bit 组件在类型定义上的差异(内联 props 类型 vs 单独导出 interface);ref 处理方式差异(基础组件用 React.forwardRef,8bit 组件用 React 19 的 ref prop 模式);以及 8bit 组件的特定模式,如必须导入 retro.css、使用别名导入基础组件、变体样式通常较精简。

前端与建站42 次安装

web-artifacts-builder

web-artifacts-builder 是 Anthropic 提供的工具套件,用于使用现代前端技术栈(React、Tailwind CSS、shadcn/ui)创建结构复杂、多组件的 claude.ai HTML artifact。它通过初始化脚本搭建 React 项目,开发完成后利用打包脚本将全部 JavaScript、CSS 和依赖内联为单个自包含的 HTML 文件,从而可直接在 Claude 对话中作为 artifact 分享。项目内置 40 多个 shadcn/ui 组件和完整的 Radix UI 依赖,并预置路径别名、Tailwind 主题系统与 Parcel 打包配置,同时兼容 Node 18 及以上环境。该工具还提供设计与风格指南,提醒避免过度居中布局、紫色渐变、统一圆角和 Inter 字体等常见 AI 生成风格。适合需要构建较完整交互式前端界面并作为单个 HTML 交付的场景。

前端与建站41 次安装