css-helper
CSS代码生成助手。Flexbox布局、Grid布局、CSS动画、渐变色、阴影、响应式断点。CSS helper for flexbox, grid, animation, gradient, shadow.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/bytesagain/css-helpercss-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 helpfor all commands
Commands
Run css-helper help to see all available commands.
- Run
css-helper helpfor all commands
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-bytesagain-css-helper": {
"enabled": true,
"auto_update": true
}
}
}Related Skills
workflow-builder
工作流设计与优化工具。流程设计、自动化方案、流程优化、文档化、审批流、系统集成。Workflow builder with design, automate, optimize, document, approval.
wp-manager
Manage WordPress sites from terminal. Use when checking site health, listing posts and pages, searching content, or running security scans.
volume
Volume reference tool. Use when working with volume in finance contexts.
xhs-content-creator
Generate viral Xiaohongshu notes with titles, tags, and covers. Use when drafting seed posts, writing reviews, crafting tutorials, or boosting engagement.
Webhook Tester
Send test payloads and inspect webhook responses locally. Use when debugging integrations, validating schemas, testing error handling, or simulating calls.