SuperAPI AI 工具集

Skill 广场

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

更新于 10-23 00:13

前端与建站

11,006 个结果

tailwind-design-system

Tailwind Design System 是一个面向 Tailwind CSS v4 的设计系统构建技能,用于搭建可扩展的组件库与统一 UI 规范。它以 CSS-first 配置为核心,通过 @theme 定义设计令牌(颜色、圆角、动画等),并支持语义化颜色变量、组件变体、响应式模式与无障碍实践。技能涵盖从 Tailwind v3 到 v4 的迁移要点,包括用 @theme 替代 tailwind.config.ts、用 @import "tailwindcss" 替代 @tailwind 指令、用 @custom-variant 实现类名驱动的暗色模式,以及以 @keyframes 配合 @starting-style 处理入场动画等。适用场景包括创建基于 Tailwind v4 的组件库、实现设计与主题令牌、构建响应式且可访问的组件、统一代码库中的 UI 模式,以及配置暗色模式。需要注意的是,该技能面向 Tailwind CSS v4(2024 年及以后),v3 项目需参考升级指南。

前端与建站31 次安装

frontend-design

Frontend Design 是一套面向前端界面视觉设计的指导技能,强调在构建新 UI 或重塑现有界面时做出有辨识度、有意图的设计决策。它把设计者当作小型工作室的设计负责人,要求围绕具体主题做出明确的调色板、字体与布局选择,并承担一个可被论证的审美风险。内容涵盖:以主题本身的世界(材料、器物、行话)作为设计灵感来源;英雄区作为论点开场;字体承载页面个性;结构装置应编码真实信息而非装饰;有节制地使用动效;复杂度与愿景匹配;以及文案作为设计材料来对待。流程上主张先头脑风暴出包含颜色、字体、布局与标志性元素的设计方案,再对照需求自检是否落入通用默认风格,确认独特性后才写代码,并在构建中持续自我批判。

前端与建站31 次安装