fusengine/tailwindcss-borders
plugins/tailwindcss/skills/tailwindcss-borders/SKILL.md
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.
$ install --global
skillsauthnpx skillsauth add fusengine/agents tailwindcss-bordersInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jul 17, 2026, 2:43 AM112.5s4 files scanned
SKILL.md
- name:
- tailwindcss-borders
- description:
- 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.
- user-invocable:
- false
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
Related Skills
fusengine/ux-copy
testing
VerifiedTrustedCommunity
Copy self-audit and ban-lists — filler verbs/hype adjectives, slop placeholder names, fake-precise numbers, Title Case headlines, humor in error copy ('Oops!'), em-dash crutch, one copy register per page.
20SKILL.mdUpdated Jul 15, 2026
fusengine/design-webapp
development
VerifiedTrustedCommunity
Logged-in web apps — dashboards, auth flows, settings, onboarding, data tables, command palettes, modals, toasts. Register `product`: density and glance-speed over marketing polish, no hero/CTA-tricks, every data surface covers empty/loading/error explicitly, tables and dataviz follow preattentive-processing rules.
20SKILL.mdUpdated Jul 15, 2026
fusengine/design-web
development
VerifiedTrustedCommunity
Marketing sites, landing pages, campaign pages — register `brand` (design IS the product). Structure comes from the register's POV + a macrostructure pick, never from copying an inspiration site's section flow. Hero discipline, deviated section order, asymmetric grids, and a silhouette lookalike-test gate before ship.
20SKILL.mdUpdated Jul 15, 2026
fusengine/design-system
development
VerifiedTrustedCommunity
Token-strategy core — OKLCH color rules, neutral tinting, accent-commitment levels, type scale, 8pt spacing grid, touch targets, and the canonical output format of design-system.md (the file the harness gates on). This is routing step 1 of design-method/SKILL.md — read it before design-web/design-webapp/design-ios/design-android, before picking or auditing a single color/type/spacing value.
20SKILL.mdUpdated Jul 13, 2026