Frontend Design
Comprehensive frontend design patterns and visual polish guidance for building distinctive, production-grade interfaces.
#design #frontend #ui +1
Cursor, Claude Code, Windsurf +3
BrowseSkill Skill Skill
Tailwind Styling
Writes clean, responsive Tailwind with a consistent design-token scale. Avoids arbitrary values, extracts repeated patterns, and keeps class lists readable.
#tailwind #css #styling #frontend
Install
npx skills add https://github.com/obra/superpowers --skill tailwindWhere it installs
Default config location for each supported agent.
- Cursor
.agents/skills - Claude Code
.claude/skills - Windsurf
.windsurf/skills - Cline
.cline/skills - Codex
.agents/skills - GitHub Copilot
.github/skills
Best for
FrontendUi UxDesignNextjs
Related resources
shadcn/ui
shadcn/ui expert guidance for component installation, composition patterns, theming, and Tailwind CSS integration.
#shadcn #components #tailwind +1
Cursor, Claude Code, Windsurf +3