Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

circular-text

Text curves around a circle and slowly rotates — a decorative badge/seal accent. Decorative only; keep the phrase short. Static ring under prefers-reduced-motion.

466 repo starsObserved in 1 repos
Design
GitHub

click-spark

A quick burst of sparks flies from the point you click — a playful tap accent. Reserve for a delightful primary action; skip on serious/destructive ones. No sparks under prefers-reduced-motion.

466 repo starsObserved in 1 repos
Design
GitHub

count-up

Animate a number counting up to its target as it scrolls into view, once. Use for stat/metric blocks to draw the eye to an impressive figure. Honors prefers-reduced-motion (final value shown instantly). Avoid for precise values the user must read while animating, or many counters at once.

466 repo starsObserved in 1 repos
Design
GitHub

counter

Digits roll like an odometer up to the target number — a satisfying stat reveal on view. One or two key numbers per view. Under prefers-reduced-motion the final number shows instantly.

466 repo starsObserved in 1 repos
Design
GitHub

crosshair

A thin crosshair spans the viewport and tracks the pointer — a precise, techy custom cursor. One per page; suits tools/dashboards. Off on touch and under prefers-reduced-motion.

466 repo starsObserved in 1 repos
Design
GitHub

dark-veil

A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

466 repo starsObserved in 1 repos
Design
GitHub

decrypted-text

Scrambled characters resolve into the real text on hover or view — a techy decode for a short label. The resolved text is the real, accessible content; under prefers-reduced-motion it shows instantly.

466 repo starsObserved in 1 repos
Design
GitHub

dither

A retro Bayer-dithered noise wave — pixelated, quantized, faithful GPU shader. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

466 repo starsObserved in 1 repos
Design
GitHub

dock

A macOS-style dock whose icons magnify toward the cursor — a delightful app-launcher row. One dock per view. Icons stay flat under prefers-reduced-motion.

466 repo starsObserved in 1 repos
Design
GitHub

dot-field

A gradient dot lattice that bulges away from the pointer with a soft cursor glow. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

466 repo starsObserved in 1 repos
Design
GitHub