Tailwindcss borders
Skill fusengine/agents/plugins/tailwindcss/skills/tailwindcss-borders
Redefining development through cognitive automation and collaborative agent systems.
npx -y skills add fusengine/agents --skill tailwindcss-bordersAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 22 stars22 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Border utilities Tailwind CSS v4.1. Border (border-width, border-color, border-style, border-radius, rounded-*), Outline (outline-*, outline-offset), Ring (ring-*, ring-offset), Divide (divide-*). Use when: styling element borders, rounded corners, focus outlines/rings, or divide-* separators between children.
SKILL.md
2.1 KB, as published. Nobody here has run it
Tailwind CSS Borders Skill
Complete reference for border-related utilities in Tailwind CSS v4.1.
Contents
- Border Width -
border,border-x,border-y,border-t,border-r,border-b,border-l - Border Color -
border-{color}, per-side border colors - Border Style -
border-solid,border-dashed,border-dotted,border-double - Border Radius -
rounded,rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br,rounded-full - Outline -
outline,outline-{width},outline-{color},outline-offset - Ring -
ring,ring-{width},ring-{color},ring-offset,ring-offset-{color} - Divide -
divide-x,divide-y,divide-{color},divide-{style}
Key Features
- Comprehensive border control with width, color, and style options
- Per-side border customization for fine-grained control
- Ring shadows as accessible focus indicators
- Divide utilities for separating child elements
- Full color palette support via design tokens
- Responsive and state variants support
v4.1 Updates
- Default
ringwidth changed from3pxto1px(usering-3for v3 behavior) - Enhanced outline customization with
outline-offset - Improved border radius with corner-specific classes
- Better type safety with CSS variables in arbitrary values
Detailed References
- border.md - Load when styling border width/color/style, border-radius, or per-side border patterns
- outline.md - Load when configuring outline width/color/offset for focus and accessibility states
- ring.md - Load when building box-shadow-based rings or divide-* separators between children