atomic-components

Create atomic components (atoms) - basic, reusable UI building blocks following React/TypeScript best practices with Tailwind v4 styling. Use when creating fundamental UI elements like buttons, inputs, labels, icons, or other single-responsibility components. Triggers on requests like "create a button component", "add an input atom", "build a reusable icon wrapper", or "create atomic UI elements".

$ Installer

git clone https://github.com/felixAnhalt/spotify-playlist-extractor /tmp/spotify-playlist-extractor && cp -r /tmp/spotify-playlist-extractor/.opencode/skill/atomic-components ~/.claude/skills/spotify-playlist-extractor

// tip: Run this command in your terminal to install the skill