ui-patterns

SKILL.md

All UI components MUST support dark mode using Tailwind's class strategy.

| gap-1.5 | Icon + text in badges | | gap-2 | Button groups | | gap-3 | Form fields | | gap-4 | Section spacing | | gap-6 | Major section spacing | | p-4 | Card padding | | p-6 | Modal/panel padding |

React + TailwindCSS 的 UI 设计模式。在创建新的 UI 组件、样式元素、实现暗模式支持或处理任何需要一致样式的 React 组件时使用。 来源：cliangdev/specflux。

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/cliangdev/specflux --skill ui-patterns 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用

查看原文