🎁 Get the FREE AI Skills Starter Guide β€” Subscribe β†’
BytesAgainBytesAgain
BytesAgain β€Ί Skills β€Ί Border Radius
πŸ¦€ ClawHub

Border Radius

by @ohernandez-dev-blossom

Generate CSS border-radius code. Use when the user asks to generate rounded corners, create a border radius, make a blob shape, or produce border-radius CSS.

Versionv1.0.0
Installs1
#clawhub
πŸ’‘ Examples

Input: "Rounded corners, 12px all sides" Output: 

border-radius: 12px;
Tailwind: rounded-[12px]

Input: "Blob shape border radius" Output: 

border-radius: 30px 70px 70px 30px;
Tailwind: rounded-[30px_70px_70px_30px]

Input: "Full pill / circle border radius" Output: 

border-radius: 9999px;
Tailwind: rounded-full

Input: "Top corners 24px, bottom corners 0" Output: 

border-radius: 24px 24px 0px 0px;
Tailwind: rounded-[24px_24px_0px_0px]

βš™οΈ Configuration

  • topLeft: 0–9999 β€” default 16
  • topRight: 0–9999 β€” default 16
  • bottomRight: 0–9999 β€” default 16
  • bottomLeft: 0–9999 β€” default 16
  • linked: if true, all corners use the same value

    • View on ClawHub
    TERMINAL
    clawhub install border-radius

    πŸ§ͺ Use this skill with your agent

    Most visitors already have an agent. Pick your environment, install or copy the workflow, then run the smoke-test prompt above.

    Manus
    Task-oriented agent. Great for testing AI skills end-to-end.
    Try Manus β†’
    OpenClaw
    Local-first agent. Install skills via ClawHub CLI.
    Set up OpenClaw β†’
    Claude Code
    Anthropic's coding agent. Paste the prompt or SKILL.md into your session.
    Claude Code docs β†’
    Cursor
    AI-powered IDE. Use the smoke-test prompt in Cursor Agent.
    Open Cursor β†’
    Continue.dev
    Open-source AI code assistant. Add SKILL.md as a custom tool.
    Continue docs β†’
    Windsurf
    Agentic IDE by Codeium. Paste the prompt into Cascade.
    Try Windsurf β†’
    Cline
    VS Code extension for autonomous coding with MCP tools.
    Cline on GitHub β†’
    Copilot Workspace
    GitHub's AI dev environment. Suitable for code-generation skills.
    Copilot Workspace β†’

    πŸ” Can't find the right skill?

    Search 60,000+ AI agent skills β€” free, no login needed.

    Search Skills β†’