Vibe Coding Discoverskills
View on GitHubA collection of agent skills that help you build great interfaces.
Agent skill pack (also a Claude Code plugin, installable via npx skills) that improves frontend interfaces: UI polish, typography, color systems, accessibility, layout and product writing, plus review, explain, break and variant workflows.
Use Cases
Improve overall UI quality in an existing frontend projectFix type scale, spacing, sizing and text wrappingGenerate color palettes and semantic tokens with contrast checksAudit and fix accessibility compliance and best practicesImprove layout grouping, alignment and reading orderTighten and unify product copy and microcopyRun a full interface review across UI, type, color, a11yReverse-engineer how a web animation or UI was builtStress test a component in every state and scenarioGenerate and iterate on multiple component variants
Built With
- Language
- Markdown
- Frameworks
- Claude Code · npx skills CLI · opencode
Tags
agent-skills · ui-design · typography · color-system · accessibility · layout · design-engineering · product-writing · claude-code-plugin · design-review · component-variants · frontend · prompt-pack · skill-pack