CSS代码生成助手。Flexbox布局、Grid布局、CSS动画、渐变色、阴影、响应式断点。CSS helper for flexbox, grid, animation, gradient, shadow, responsive breakpoints.
Scanned 9/5/2026
Install to Claude Code
Skills Directorynpx -y skills add dvcrn/openclaw-skills-marketplace --skill css-helper --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Css Helper?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/dvcrn-css-helper)More formats (shields.io, HTML) on the badges page.
---
name: css-helper
description: "CSS代码生成助手。Flexbox布局、Grid布局、CSS动画、渐变色、阴影、响应式断点。CSS helper for flexbox, grid, animation, gradient, shadow, responsive breakpoints."
---
# 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*
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
