# CSS Helper

> Generate CSS for flexbox, grid, animations, gradients, and breakpoints. Use when building layouts, creating animations, generating gradients.

- Skill: `bytesagain/css-helper` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add bytesagain/css-helper`
- Raw SKILL.md: https://api.skillmd.com/api/skills/bytesagain/css-helper/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: bytesagain (https://skillmd.com/u/bytesagain)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/bytesagain/css-helper

---

# css-helper

CSS代码生成助手。Flexbox布局、Grid布局、CSS动画、渐变色、阴影、响应式断点。CSS helper for flexbox, grid, animation, gradient, shadow, responsive breakpoints.

## 核心特点

🎯 **精准** — 针对具体场景定制化输出
📋 **全面** — 多个命令覆盖完整工作流
🇨🇳 **本土化** — 完全适配中文用户习惯

## 命令速查

```
  flexbox         flexbox
  grid            grid
  animation       animation
  gradient        gradient
  shadow          shadow
  responsive      responsive
```

## 专业建议

- | 场景 | 推荐 |
- |------|------|
- | 一维排列(行或列) | Flexbox |
- | 二维布局(行+列) | Grid |
- | 居中元素 | Flexbox(最简单) |

---
*css-helper by BytesAgain*
---
💬 Feedback & Feature Requests: https://bytesagain.com/feedback
Powered by BytesAgain | bytesagain.com

- Run `css-helper help` for all commands

## Commands

Run `css-helper help` to see all available commands.