Search

PythonReactSEOPDF
OpenClaw

css-helper

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

bytesagain0 source installs☆ 0 Repository starsv1.0.0

Installation

Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.

SkillHub CLI

skillhub install bytesagain/css-helper

Inspect the source and compatibility requirements, then follow its installation steps.

Give your agent the source link and ask it to inspect instructions and dependencies before explaining the installation steps.

View source ↗Guides

Skill instructions

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

Source information

Source
github
Repository
openclaw/skills
Path
skills/bytesagain/css-helper
Version
1.0.0
Commit
cad5f358c04a57e8be9582dfbb6469ef412665c1
Classification source
rules
Status
active
Visibility
public

These signals come from indexed source analysis and may lag behind changes. Check the current source files.

Extracted content

SKILL.md
# 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*

Related skills

OpenClaw

13-Day Sprint Method

galizki

Productivity system based on Maya calendar with 13 natural tones for project management and personal development

OpenClaw

1password

daggerkun007

Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.