SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
11,339 个结果
该技能用于在 Expo 项目中配置 Tailwind CSS v4，结合 react-native-css 与 NativeWind v5，实现 iOS、Android 和 Web 的通用样式方案。内容涵盖依赖安装命令、Metro 与 PostCSS 配置、全局 CSS 文件、CSS 组件包装器（View、Text、ScrollView、Pressable、TextInput、Image 等）、自定义主题变量、平台特定样式、Apple 系统颜色与 CSS 变量在 JavaScript 中的使用，并说明与 NativeWind v4 / Tailwind v3 的关键差异及常见问题排查。
@expo/ui 是一个让开发者在 Expo 或 React Native 应用中用 React 构建真正原生 UI 的包：在 iOS 上渲染 SwiftUI，在 Android 上渲染 Jetpack Compose。它提供通用组件层，一套组件树即可在 iOS、Android 和 Web 上运行；当通用层缺少所需组件或修饰符时，可下沉到平台专属的 SwiftUI 或 Jetpack Compose 层。此外还提供对部分 React Native 社区 UI 库的 API 兼容替换，便于迁移。安装命令为 npx expo install @expo/ui。所有 @expo/ui 组件树都必须包裹在 Host 中。
在 exe.dev 虚拟机上安装 Node.js（通过 uvx nodeenv）并运行 Next.js、Vite 等 JS 框架开发服务器的技能，重点解决允许来源/主机访问问题。
面向德国公法机构数字无障碍合规的技能，依据 BGG 与 BITV 2.0（欧盟指令 2016/2102 的德国转化），判定联邦或州法适用、检查无障碍设计义务与例外、核查无障碍声明的三项必备内容，并说明监督与救济途径。
用于构建复杂多组件 claude.ai HTML artifact 的前端工具套件，基于 React、Tailwind CSS 与 shadcn/ui，通过初始化、开发、打包脚本将项目打包为单个自包含 HTML 文件。
一个用于生成独特、生产级前端界面的技能：在编码前先确定明确的美学方向，再实现可运行的界面代码，强调排版、配色、动效与空间构图，避免通用化“AI感”设计。
由 Vercel 工程团队维护的 React 与 Next.js 性能优化指南技能，含 8 大类共 45 条按影响优先级排序的规则，用于编写、审查和重构 React/Next.js 代码。
Theme Builder 是一个用于创建和编辑 Shopify Online Store 2.0 JSON 模板（templates/*.json）及主题 JSON 的技能，支持使用 blocks/ 中的区块，帮助发现允许的区块类型并生成符合主题 schema 的模板结构。
goodies 是一个用于策展和发布资源的技能：输入网址或资源指针后，它会提取上下文、建立知识图谱索引，并将带分类的记录发布到公开的 GitHub Pages 资源库。
用于按 ACS 风格为 JACS 稿件制作反应式、谱图、结构与机理图的技能，涵盖 ChemDraw 绘图规范、谱图与晶体结构标注、TOC 摘要图设计及图注写法，并给出检查清单与常见反模式。
Frontend Design Ultimate 是一个用于从纯文本需求生成独特、生产级静态网站的技能。它无需设计稿或 Figma，直接根据描述产出大胆、令人印象深刻的界面。技术栈为 React 18 + TypeScript + Tailwind CSS + shadcn/ui + Framer Motion，输出形式可选 Vite（静态 HTML）或 Next.js（可部署至 Vercel）。技能强调先确定鲜明的美学方向（如极简、复古未来、编辑杂志风等），并给出排版、配色、动效、空间构图、背景氛围与移动端适配的规范，同时提供初始化脚本、项目结构、siteConfig 内容配置模式以及上线前检查清单。
full-app-build 是 Builder Fusion 云容器中的全应用构建技能，把 Design 项目变成可运行、可部署的真实应用，而非内联 HTML 原型。每个设计对应一个 Builder 项目分支，屏幕是容器开发服务器的 URL 化 iframe。
sse-file-watcher 是 agent-native 中的一项技能，说明如何通过 Server-Sent Events 让 UI 与智能体的文件改动保持同步：服务端用 chokidar 监听数据目录，SSE 推送变更，客户端用 React Query 失效缓存，实现无需轮询的实时刷新。
Postrboard 是一套面向前端工作的设计语言与 CSS 框架，强调克制、代码原生、非通用化的界面风格。它要求界面服务于产品、工作流与数据本身，避免通用 SaaS 模板、装饰性空白、虚构指标与 emoji，并提供字体与样式表的引入方式。
Caffeine Labs 提供的核心基础设施组件，为所有项目自动集成后端连接配置、Internet Identity 认证钩子与 actor 管理工具，并包含存储客户端与 React 应用入口。
Landfall 是一个用于生成视觉大胆、富有冲击力的落地页的 AI 技能，强调非常规布局、GSAP 滚动动画、SVG 设计元素、clip-path 分隔线以及真实的层次与深度。它通过交互式预览帮助用户选择城市风格、布局、导航和色调，并利用内置模板与脚本快速产出 HTML/CSS/JS 页面。本资源基于介绍文本整理，具体使用环境与安装方式暂未提供。
根据主题文件夹 index.html 的卡片内容，为 Instagram 轮播图文生成韩文正文文案的技能，输出 instagram-caption-ko.txt，包含钩子、导语、要点、传播数据、CTA 与 15-25 个混合桶标签。
HyperFrames 幻灯片项目的静态总览页生成技能：在主题文件夹中生成单文件 overview.html，包含左侧缩略图条、右侧细节预览、Aim 元素选择器，并强制搭配 Edit 文本编辑子模块。
HyperFrames 演示中的 evolution-flow 幻灯片专用技能，用 HTML 与 GSAP 制作左侧“现状”到右侧“改进”的双栏加箭头流向对比页，适合展示某事物前后变化及其因果脉络。
HyperFrames 演示中用于「引语幻灯片」的技能，通过 HTML 与 GSAP 制作居中大字引语页，包含装饰性大引号、正文与出处排版，以及分层的入场动画，适合强调核心句子、名言或用户反馈。
用于 HyperFrames 组合中 stat（数据指标）幻灯片的专用技能，以 HTML + GSAP 设计或修改用大数字与简短说明突出 KPI/指标的幻灯片。
HyperFrames 演示文稿的标题幻灯片专用技能，用于以 HTML + GSAP 设计或修改仅由大标题和可选辅助文字构成、居中对齐的标题页。
HyperFrames 合成中 title-bullets 幻灯片的专用技能，用于以 HTML + GSAP 设计和修改大标题加项目符号列表的说明型幻灯片。
HyperFrames 的 title-tags 幻灯片专用技能，用大标题与关键词标签组呈现被压缩成短词的概念，如技术栈、核心属性、比较维度或摘要索引；可用 HTML 加 GSAP 设计或修改该版式。