# Star Border

> A soft light rotates around a pill/button border — a gentle animated outline for a single CTA. One per view; keep it slow and low-contrast. Pure CSS; static border under prefers-reduced-motion.

- Skill: `nexu-io/star-border` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add nexu-io/star-border`
- Raw SKILL.md: https://api.skillmd.com/api/skills/nexu-io/star-border/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: Nexu (https://skillmd.com/u/nexu-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/nexu-io/star-border

---

# star-border
A light that circles a button's border. Dependency-free, reduced-motion safe.
## How to apply
Copy `star-border.css`; `<button class="star">Get started</button>`. Tune `--star-color`, `--star-w`, duration.