OhMySkills
Production-ready design systems and website style extraction
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install OhMySkills?▼
Run `npx skills add NakanoSanku/OhMySkills --all -g -y` in your terminal to install all skills in this collection globally.
How to build a website with a specific design style?▼
Just describe what you want, like 'create a landing page with neo-brutalist design', and the skill automatically loads the matching design system with exact colors, fonts, and component patterns.
How to extract a design system from any website?▼
Ask to analyze a URL, and the analyzer skill uses Chrome DevTools to pull CSS tokens, animations, and hover states, then generates a complete reusable design system prompt.
What design styles are included in OhMySkills?▼
Over 30 production-ready styles including Modern Dark, Bauhaus, Cyberpunk, Luxury, Material, Swiss, Vaporwave, and Art Deco, each with detailed tokens and anti-pattern rules.
Does OhMySkills work with React and Vue?▼
Yes. The design systems are framework-agnostic and adapt to your existing stack, whether you use React, Vue, Next.js, Svelte, or plain HTML and CSS.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video