SuperAPI AI 工具集

Skill 广场

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

更新于 10-27 00:15

前端与建站

11,191 个结果

frontend-design

frontend-design 是一个用于创建高品质前端界面的技能,旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考,明确界面要解决的问题、目标用户、审美方向和技术约束,并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景,引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择,最终输出可运行的真实代码(如 HTML/CSS/JS、React、Vue 等)。使用时应根据美学愿景匹配实现复杂度:极繁主义设计需要更精细的动画与效果,极简或精致设计则需要克制、精准和对间距、排版与细节的关注。

前端与建站7 次安装

web-frameworks

Web Frameworks 技能组是一套面向现代全栈 Web 应用开发的综合指南,整合 Next.js、Turborepo 与 RemixIcon 三个工具。Next.js 提供 App Router、Server Components(RSC)、PPR、SSR、SSG、ISR 等渲染与优化能力;Turborepo 负责 monorepo 管理与任务流水线、缓存;RemixIcon 提供 3100+ 线性与填充风格图标。技能组给出单应用与 monorepo 两种技术栈选型、快速开始命令、共享组件库与数据获取等常见模式、CI/CD 配置示例,以及 Python 辅助脚本和最佳实践清单,适合构建电商、营销站、SaaS、文档站、多应用平台等场景。

前端与建站7 次安装

frontend-design

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

前端与建站7 次安装

scroll-experience

Scroll Experience 是一个专注于构建沉浸式滚动驱动体验的技能,定位为“滚动体验架构师”。它把滚动视为叙事工具而非单纯导航,擅长视差叙事、滚动动画、交互式叙事和电影感网页体验。技能涵盖滚动触发揭示、进度指示器、粘性区块、滚动吸附等能力,并给出 GSAP ScrollTrigger、Framer Motion、Locomotive Scroll、Lenis、CSS scroll-timeline 等库的适用场景与学习曲线对比,附带 GSAP、Framer Motion 和 CSS 原生滚动动画的代码示例。技能还提供视差分层速度建议、故事节奏结构、文字揭示、粘性区块与横向滚动实现方式,并列出常见反模式(滚动劫持、动画过载、仅桌面端)及问题处理表。适用于产品功能展示、前后对比、分步流程、图片画廊等场景,本资料未提供具体收费、价格或平台限制信息。

前端与建站7 次安装