SuperAPI AI 工具集

Skill 广场

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

更新于 10-21 00:11

设计与创作

20,458 个结果

generic-fullstack-design-system

这是一个面向全栈应用的设计系统参考文档,来源为 Claude 技能(Skill)集合中的 generic-fullstack-design-system。它面向 Next.js/NestJS 全栈应用的 UI 实现,整合了颜色、排版、间距等设计令牌,并提供基于 shadcn/ui 的组件模式示例,涵盖按钮、表单、对话框等常见组件。文档还包含视觉效果(如玻璃拟态、渐变背景)、GPU 加速动画以及 WCAG AA 无障碍相关的说明。它给出了主题配置(lib/theme.ts)、CSS 变量(globals.css)与 Tailwind 集成方案的代码结构,并说明如何使用 next-themes 实现暗色模式与主题切换,以及静态资源的目录组织方式。该技能是对通用设计系统(Generic Design System)的扩展,需先阅读基础技能以了解色彩理论、排版比例、间距系统与组件状态。适用于在实现界面、选择颜色、应用间距、创建组件或保证品牌一致性时查阅。

设计与创作137 次安装

uml-diagram-design

UML 图表设计和绘制技能,用于在用户需要创建系统架构图、类图、时序图、用例图或其他 UML 图表时提供支持。该技能覆盖类图、对象图、时序图、协作图、用例图、活动图、状态图、部署图、组件图和包图等常见 UML 图表类型,并给出 PlantUML、Mermaid 等文本驱动绘图工具的示例与安装方式。资料中包含类图、时序图、用例图、活动图、状态图、组件图、部署图的具体代码示例,以及电商系统设计、微服务架构图等实际应用场景,还涉及在 Markdown 和代码注释中嵌入图表的文档集成方式。

设计与创作136 次安装

brand-guidelines

该技能用于将 Anthropic 官方品牌配色与字体应用到各类产物中,使其呈现 Anthropic 的视觉风格。它定义了主色(深色 #141413、浅色 #faf9f5、中灰 #b0aea5、浅灰 #e8e6dc)与强调色(橙 #d97757、蓝 #6a9bcc、绿 #788c5d),并规定标题使用 Poppins、正文使用 Lora 字体,在字体缺失时自动回退到 Arial 与 Georgia。技能会智能应用字体(24pt 及以上标题用 Poppins,正文用 Lora)、根据背景智能选择文字颜色、为非文字形状循环使用强调色,并通过 RGB 颜色值保证品牌色彩一致性。适用于需要为文档、演示文稿等产物套用 Anthropic 品牌外观的场景。

设计与创作136 次安装