SuperAPI AI 工具集

Skill 广场

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

更新于 10-30 00:12

前端与建站

11,293 个结果

landing-page-design

这是一个关于落地页转化优化的技能资料,核心围绕版式规则、首屏英雄区(Hero)设计与 CTA 心理学展开。内容涵盖首屏公式、社会认同(Social Proof)的摆放位置、移动端适配、表单设计、页面速度与常见错误,并给出可直接使用的 inference.sh CLI 命令示例,用于生成英雄图片、调研竞品落地页、生成社交分享图(OG Image)等。资料还提供了标题文案公式、CTA 文案的正反例、分区顺序表(Hero、社会认同、问题、方案、工作原理、用户评价、定价、FAQ、最终 CTA)以及各元素的量化建议(如英雄图 <200KB、总页面体积 <2MB、LCP <2.5s、点击目标最小 48x48px 等)。功能与规则均来自资料原文,未提供收费、价格、平台效果或实际转化数据,相关事实暂未提供。

前端与建站3 次安装

react

该技能为 React 开发提供专家级支持,覆盖组件设计到生产实践。代理可处理 Hooks 模式、状态管理、渲染优化与数据获取。资料列出了常见错误(如数字条件渲染、直接修改状态、渲染期生成 key、受控输入未初始化)、Hooks 陷阱(异步回调、清理函数、依赖数组、引用相等)、性能优化(并行请求、避免 barrel 导入、useMemo、startTransition、useRef)、状态架构(就近放置、派生值、useReducer、URL 参数)、React 19+ 表单(form actions、useActionState、useOptimistic)以及数据获取陷阱(竞态条件、自定义 Hook 记忆化、列表 key)。

前端与建站3 次安装

streamlit-custom-style

streamlit-custom-style 是一套为 Streamlit 应用定制样式的技能指南,核心是用分层方式在稳定性与灵活性之间取平衡。它把样式系统分为四层:原生主题配置(.streamlit/config.toml 与可复用的主题 TOML 文件)、共享启动脚本(helpers.py 中的 init_page())、基于 .st-key-* 的局部 CSS,以及针对 DOM 的通用元素选择器 CSS。指南强调优先使用稳定性最高的层,只有上层无法表达需求时才下沉到更低层。它覆盖了颜色、字体、边框与圆角、图表配色等主题令牌,支持通过静态目录自托管字体、配置浅色与深色主题、为侧边栏设置独立配色,并让原生图表自动继承品牌调色板。使用方式包括拆分主题配置文件、统一页面初始化、用 st.html() 注入小型局部 CSS,以及为按钮和容器创建自定义变体。文档还列出了应避免的做法(全局元素选择器、内部属性选择器、哈希类名、CSS @import、unsafe_allow_html、框架注入等),并给出项目文件结构与版本固定建议。

前端与建站3 次安装

stitch-uview-components

该技能用于将 Stitch 设计稿转换为 uni-app + Vue 2 + uView 2.0 的页面与组件。它通过 Stitch MCP 的 get_screen 获取屏幕元数据与 HTML,并借助脚本实现高可靠下载。仅在用户明确提到“Stitch”并需要转换为 uni-app + Vue 2 + uView 2.0(pages/、components/、.vue、u-* 组件)时使用。技能强调模块化拆分页面与共享组件、逻辑隔离、数据解耦,并规定仅使用 uView 2 组件(如 u-cell-group、u-text、u-line 等),避免自定义 class 模拟卡片等。执行流程包括环境准备、数据层构建、页面草稿、路由注册与质量检查。

前端与建站3 次安装

tailwind-gradient-builder

Tailwind Gradient Builder 是一套面向 Tailwind CSS 的渐变样式构建技能,用于创建现代 CSS 渐变效果,涵盖线性、径向、锥形、网格渐变,以及动画渐变、玻璃拟态和渐变文字等。它提供可直接复用的类名组合、Tailwind 配置片段和 React 组件示例,帮助开发者在背景、文字、边框和遮罩等场景中快速实现渐变视觉。内容按工作流组织:选择渐变类型、定义色标与位置、配置方向或角度、叠加模糊与动画效果,并关注性能与可访问性。资料还给出暗色模式适配、渐变边框、图片遮罩、淡出边缘等常见用法,以及性能优化与最佳实践建议。

前端与建站3 次安装