builder-skills
Product discovery, interface design, and full-stack delivery workflows
All Skills in This Repository (48)
Pure Emerald Level Indicatorsanimate
Analyze UI features and implement animations with GPU acceleration and reduced-motion support.
quieter
Desaturate colors, soften contrast, and simplify visual elements in UI designs.
delight
Enhance user interfaces with micro-interactions, engaging copy, and visual elements.
bolder
Amplify typography, color, spatial arrangements, and visual effects in digital designs.
colorize
Apply strategic color to monochromatic UI elements using OKLCH and WCAG standards.
optimize
Optimize interface loading, rendering, animations, images, and bundle size.
adapt
Adapt user interface designs across screen sizes, devices, and platforms.
onboard
Design onboarding flows, welcome screens, and guided tutorials for new users.
harden
Implement error handling, internationalization, and text overflow management in interfaces.
audit
Audit user interfaces for accessibility, performance, theming, and responsive design issues.
critique
Evaluate user interface designs for UX quality and provide prioritized feedback.
clarify
Rewrite unclear UX copy and error messages into actionable plain-language text.
Frequently Asked Questions
FAQPage SchemaHow to install builder-skills?โผ
Run `npx skills add kazdenc/builder-skills --all -g -y` in your terminal to install all 47 skills globally.
What does builder-skills cover?โผ
It covers the full product workflow: user research and PRDs, interface design and audits, Next.js and Supabase setup, code review, testing, deployment, and monitoring.
Can I install only the design or product skills?โผ
Yes. Skills are organized into design, product, dev, and tools folders, so you can install just the category you need.
Does builder-skills work with Claude Code?โผ
Yes. Every skill follows the standard SKILL.md format and runs directly in Claude Code and other compatible coding environments.
Do I need coding experience to use these skills?โผ
No. Product and design skills work from plain-English requests, while dev skills guide your coding assistant through setup, review, and deployment steps.
Related Repositories in Software Engineering
View All in Software Engineeringโopenclaw
Run a personal AI assistant across your devices and chat apps
superpowers
Gives coding agents a disciplined workflow from idea to merged code
react
AI agent skills for building, testing, and porting React core