搜索

PythonReactSEOPDF
OpenClaw

css-helper

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

bytesagain0 来源安装数☆ 0 仓库 Starsv1.0.0

安装与使用

请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求,再添加到工作流。

SkillHub CLI

skillhub install bytesagain/css-helper

打开来源仓库,查看说明和兼容环境后,按来源提供的命令或步骤安装。

将来源链接提供给你的 Agent,让它先读取说明、核对依赖,并向你说明将执行的安装步骤。

查看来源 ↗使用指南

技能说明

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
github
Repository
openclaw/skills
Path
skills/bytesagain/css-helper
Version
1.0.0
Commit
cad5f358c04a57e8be9582dfbb6469ef412665c1
分类来源
rules
状态
active
可见性
public

这些信息来自收录时的来源分析,可能滞后;使用前请核对最新来源文件。

来源内容

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*

相关技能

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.