SuperAPI AI 工具集

Skill 广场

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

更新于 10-25 00:14

前端与建站

11,089 个结果

frontend-design

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

前端与建站12 次安装

composing-html

composing-html 是一个用于生成单文件 HTML 制品的工具,无需手写页面框架。它由 composer 提供 DOCTYPE、head、内联 CSS、base.js、设计令牌、页眉和页脚等外壳,用户只需提供标题与正文内容。内置了丰富的设计令牌(颜色、字体、几何尺寸)、布局原语(页面列、网格、卡片、页眉)和组件(眉题、徽章、快捷键、列表、代码块、标签页、拖拽排序、实时参数绑定)。默认工作流为 freeform,通过 --set 参数或 spec.json 文件构建;提供 21 个模板,按类别分为 report、review、editor、deck、design、exploration、research、diagram、prototype 等,适用于 PR 审查、状态报告、事故复盘、幻灯片、设计系统、流程图等重复性场景。生成后可运行 check 命令对制品进行 lint 检查,检测框架泄漏、未定义令牌、标签页断裂、硬编码颜色等问题。

前端与建站12 次安装

css-protips

CSS Pro-Tips 是一个面向 CSS 与 Tailwind 编写、审查、重构和现代化改造的技能(Skill),采用“策略优先”的方法:先确定语义化令牌、显式级联顺序、静态 CSS、组件内在布局、可用基线、语义化无障碍与可测量的性能,再选择最小的实现方案。它定义了明确的执行契约,包括激活与不激活场景、输入参数校验、三阶段确定性工作流(执行前验证、核心执行、执行后确认)、验证与验收标准,以及失败恢复与分级处理协议。技能强调以证据为依据的局部改动,保留既有架构与用户改动,不擅自安装依赖或迁移框架,并要求在真实浏览器状态下验证动效、焦点、缩放、强制颜色等场景。详细指导按需加载于 references/ 下的多个参考文件,涵盖架构、布局容器、排版字体、颜色主题、状态与表单交互、动效过渡、无障碍偏好、性能、工具链、实验特性观察、兼容性与策略等主题。

前端与建站12 次安装