Killer-Skills Review
Decision support comes first. Repository text comes second.
This page remains useful for operators, but Killer-Skills treats it as reference material instead of a primary organic landing page.
适合需要使用Tailwind CSS和React组件进行标准化前端样式的Web开发代理。 Write consistent, maintainable CSS following the projects methodology (Tailwind utility classes) while minimizing custom CSS and adhering to design system tokens. Use this skill when writing or editing CSS files, Tailwind classes in React components (.tsx, .jsx files), when implementing design system colors/spacing/typography, when using Tailwind utility classes, when deciding between framework utilities vs. custom CSS, when optimizing CSS for production with tree-shaking, when configuring Tailwind theme extensions, or when maintaining design consistency across the application.
核心价值
赋予代理编写和编辑CSS文件的能力，高效地应用实用类并使用React组件和Tailwind CSS精确地实现设计系统令牌，从而实现无缝的前端开发。
适用 Agent 类型
适合需要使用Tailwind CSS和React组件进行标准化前端样式的Web开发代理。
↓ 赋予的主要能力 · Frontend CSS
! 使用限制与门槛
- 需要React和Tailwind CSS的知识
- 仅限于前端CSS开发
Why this page is reference-only
- - Current locale does not satisfy the locale-governance contract.
- - The page lacks a strong recommendation layer.
- - The underlying skill quality score is below the review floor.
Source Boundary
The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.
Browser Sandbox Environment
⚡️ Ready to unleash?
Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.
常见问题与安装步骤
以下问题与步骤与页面结构化数据保持一致，便于搜索引擎理解页面内容。
? FAQ
Frontend CSS 是什么？
适合需要使用Tailwind CSS和React组件进行标准化前端样式的Web开发代理。 Write consistent, maintainable CSS following the projects methodology (Tailwind utility classes) while minimizing custom CSS and adhering to design system tokens. Use this skill when writing or editing CSS files, Tailwind classes in React components (.tsx, .jsx files), when implementing design system colors/spacing/typography, when using Tailwind utility classes, when deciding between framework utilities vs. custom CSS, when optimizing CSS for production with tree-shaking, when configuring Tailwind theme extensions, or when maintaining design consistency across the application.
如何安装 Frontend CSS？
运行命令：npx killer-skills add DevanB/lucidlog。支持 Cursor、Windsurf、VS Code、Claude Code 等 19+ IDE/Agent。
Frontend CSS 适用于哪些场景？
典型场景包括：为项目自定义编写和编辑CSS文件、在React组件中应用Tailwind CSS实用类以实现一致的样式、实现设计系统令牌以实现统一设计。
Frontend CSS 支持哪些 IDE 或 Agent？
该技能兼容 Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer。可使用 Killer-Skills CLI 一条命令通用安装。
Frontend CSS 有哪些限制？
需要React和Tailwind CSS的知识；仅限于前端CSS开发。
↓ 安装步骤
-
1. 打开终端
在你的项目目录中打开终端或命令行。
-
2. 执行安装命令
运行：npx killer-skills add DevanB/lucidlog。CLI 会自动识别 IDE 或 AI Agent 并完成配置。
-
3. 开始使用技能
Frontend CSS 已启用，可立即在当前项目中调用。
! 参考页模式
此页面仍可作为安装与查阅参考，但 Killer-Skills 不再把它视为主要可索引落地页。请优先阅读上方评审结论，再决定是否继续查看上游仓库说明。
Imported Repository Instructions
The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.
Frontend CSS
安装 Frontend CSS，这是一款面向AI agent workflows and automation的 AI Agent Skill。支持 Claude Code、Cursor、Windsurf，一键安装。
