mcpField
T
tailwind-class-optimizer

tailwind-class-optimizer

github.com/jeremylongshore设计与 UI2.9k57 次安装2 天前更新
代码仓库

关于 tailwind-class-optimizer

面向前端开发的 Tailwind CSS 类优化技能,提供分步指导、生成代码与配置,并按常见标准检查输出。

主要功能

  1. 01优化分步指导
  2. 02生成代码与配置
  3. 03按常见标准验证
  4. 04前端实践建议

适用场景

  1. 01优化 Tailwind CSS 类
  2. 02生成相关配置
  3. 03按标准检查前端输出

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/jeremylongshore/tons-of-skills-marketplace --skill tailwind-class-optimizer

安装后在 Claude Code 中输入/tailwind-class-optimizer确认已加载。

详细介绍

Tailwind 类优化器

概述

此技能可在前端开发领域,为 Tailwind 类优化器相关任务提供自动化协助。

使用时机

在以下情况下,此技能会自动启用:

  • 在请求中提及“Tailwind 类优化器”
  • 询问 Tailwind 类优化器的模式或最佳实践
  • 需要涵盖 React、Vue、CSS、无障碍性、性能优化和现代 Web 开发模式的前端技能帮助。

说明

  1. 提供 Tailwind 类优化器的分步指导
  2. 遵循行业最佳实践和模式
  3. 生成可用于生产环境的代码和配置
  4. 根据通用标准验证输出

示例

示例:基本用法 请求:“帮我处理 Tailwind 类优化器” 结果:提供分步指导并生成适当的配置

前提条件

  • 已配置相关开发环境
  • 可使用所需的工具和服务
  • 了解前端开发概念基础

输出

  • 生成的配置和代码
  • 最佳实践建议
  • 验证结果

错误处理

错误原因解决方案
配置无效缺少必填字段查阅文档,了解必需参数
找不到工具未安装依赖项根据前提条件安装所需工具
权限被拒绝访问权限不足验证凭据和权限

资源

  • 相关工具的官方文档
  • 最佳实践指南
  • 社区示例和教程

相关技能

属于 前端开发 技能类别。 标签:React、Vue、CSS、无障碍性、Web

评论

支持 Markdown