SuperAPI AI 工具集

Skill 广场

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

更新于 11-01 00:15

前端与建站

11,339 个结果

edgespark-frontend-design

EdgeSpark Frontend Design 是 EdgeSpark 前端设计与重构技能,用于把安全、平庸的界面转化为有明确视觉方向的成品级设计。它通过分层方式应用设计标准:先建立基础 Web 体系(语境优先的框架、12 栏结构、8 点间距、语义化 token、响应式行为、WCAG 2.1 AA 对比度),再叠加美学提升(更柔和的中性色或高级配色、非对称构图、强烈字体对比、充足留白、精致质感与更明确的动效方向),最后在交付前执行反通用化禁令,避免模型产出安全却平庸的前端。适用于构建或打磨 EdgeSpark 前端界面,让 UI 具备更强层级、清晰艺术方向与更高内容质量。

前端与建站1 次安装

dom-anchored-svg-connectors

这是一个面向使用原生 JavaScript/HTML 绘制 DOM 元素间连接线、箭头或边的开发技能。它强调不要为连接线独立重算坐标,而应基于已渲染元素的实测矩形定位锚点,从而解决连接线与甘特图、组织图、流程图等节点错位或“漂浮”的问题。技能包含 SVG 覆盖层、元素测量、边界锚点、折线路由、箭头标记、透明交互及窗口缩放重绘等要点,具体操作步骤暂未提供。

前端与建站1 次安装

iphone-duo-react-native

该技能面向 React Native 与 Expo 开发者,讲解如何让应用适配 iPhone Duo(苹果首款折叠屏 iPhone)。核心内容包括:处理非对称安全区域内边距(左右内边距因折叠姿态和分屏位置而不同)、在每次渲染时响应窗口尺寸变化、用宽度断点替代设备或方向判断,以及为内屏提供双栏或主从布局。资料指出 React Native 目前没有折叠或铰链 API,也没有正式支持 iPhone Duo 的版本,因此分为两层方案:第一层用 react-native-safe-area-context 的 useSafeAreaInsets() 和 useWindowDimensions() 等现有库即可完成;第二层需要编写原生模块(TurboModule 或旧式原生模块),通过 Swift 桥接 iOS 27.1 的 reservedRegions、UIHingeInteraction 和 traitCollection 尺寸类等 API,并用 NativeEventEmitter 推送连续事件。Expo 项目需配置插件和本地原生模块,无法在 Expo Go 中运行。

前端与建站1 次安装