SuperAPI AI 工具集

tailwind-design-system

前端与建站

查看项目

更新于 10-15 21:11

技能介绍

用途:该技能面向使用 Tailwind CSS 构建生产级设计系统的场景,帮助整理设计令牌、组件变体、响应式模式与无障碍实现。

主要能力:创建 Tailwind 组件库;实现设计令牌与主题化;构建响应式且无障碍的组件;统一代码库中的 UI 模式;迁移到或扩展 Tailwind CSS;设置暗色模式与配色方案。

使用方式:先明确目标、约束与所需输入,再应用相关最佳实践并验证结果,提供可执行步骤与验证方法。若需要详细示例,可打开 resources/implementation-playbook.md 获取详细模式与示例。该技能包含知识模块 implementation-playbook。

适用场景:组件库建设、设计令牌与主题、响应式与无障碍组件、UI 模式标准化、Tailwind 迁移或扩展、暗色模式与配色方案。

限制:不适用于与 Tailwind 设计系统无关的任务,也不适用于该范围之外的领域或工具。资料未提供具体安装命令、收费、价格、平台或效果信息。