Nakanosanku Ohmyskills
- 163 repo stars
- Updated January 9, 2026
- NakanoSanku/OhMySkills
nakanosanku-ohmyskills is a Claude Code plugin that bundles frontend and design-system skills for distinctive, production-oriented websites.
About
nakanosanku-ohmyskills is a Claude Code plugin marketplace entry that bundles two community skills aimed at developers who care how the product looks, not only whether it compiles. The pack emphasizes frontend analysis, extraction of design tokens, and generation of websites with deliberate aesthetics—from modern minimal to neobrutalism and cyberpunk—so founders can prototype and ship interfaces without hiring a separate design pass for every iteration. Skills lean on precise prompts, animation and interaction language, and Chrome DevTools-style inspection mental models where relevant. It fits the Validate and Build phases when you need a credible UI fast, and still helps at Launch when polish on marketing pages matters. Intermediate comfort with CSS, components, and agent-driven refactors is assumed; it is a skill collection, not a hosted design tool or Figma replacement.
- 2-plugin community bundle of useful Anthropic-style skills
- Style coverage includes modern, luxury, cyberpunk, and neobrutalism directions
- Chrome DevTools and frontend analyzer/extractor oriented workflows
- Production-grade UI prompts with design tokens and interaction states
- Automatic style retrieval and visually distinctive website generation patterns
Nakanosanku Ohmyskills by the numbers
- Data as of Jul 22, 2026 (Skillselion catalog sync)
/plugin install nakanosanku-ohmyskills@NakanoSanku/OhMySkillsAdd your badge
Show developers this plugin is listed on Skillselion. Paste this into your README.
| repo stars | ★ 163 |
|---|---|
| Last updated | January 9, 2026 |
| Repository | NakanoSanku/OhMySkills ↗ |
What it does
Load frontend and design-system skills so the agent can analyze sites, apply named aesthetics, and build modern UIs with Chrome DevTools-aware workflows.
Who is it for?
Best when you're shipping SaaS or content sites and want agent skills tuned for visual design, style systems, and Chrome-aware frontend work.
Skip if: Backend-only APIs, data pipelines, or teams that forbid opinionated aesthetic presets in generated UI.
What you get
After installing the plugin, you get two focused skills that steer the agent toward named design styles, token-aware layouts, and frontend analysis workflows.
- Two registered frontend and design-oriented agent skills
- Style-directed UI implementations and token-aware component guidance
- Site analysis and extraction workflows aligned to pack keywords
By the numbers
- Plugin count: 2
- Repository: NakanoSanku/OhMySkills
- GitHub stars: 156 (per catalog ingest)
Recommended Plugins
0xdesign Design PluginDesign exploration plugins for Claude Code743
Adlsdztony Claude Marketplace1 plugin2
Alexanderop Claude Skill Vue DevelopmentA Claude Code Agent Skill for Vue.js development with TypeScript, emphasizing testing-first development, functional patterns, and maintainable architecture.27
Alonw0 Web Asset GeneratorClaude skill to generate favicons, app icons, and social media images from logos, text, or emojis.469
Ankish8 Storybook NpmLocal plugins for myOperator UI2
Antvis Chart Visualization Skills⛏️ Turning data into a visual language for better thinking with Skills.446How it compares
Frontend and design skill bundle, not a DevOps or MCP data integration plugin.
FAQ
Who is Nakanosanku Ohmyskills for?
It is for developers and founders who use Claude Code and want richer frontend and design skills than generic coding defaults provide.
When should I use Nakanosanku Ohmyskills?
Use it when prototyping or building UIs, applying specific visual styles, or analyzing and extracting design patterns from existing sites.
How do I add Nakanosanku Ohmyskills to my agent?
Register the NakanoSanku/OhMySkills plugin in Claude Code from the community catalog, enable both bundled skills, and invoke them during frontend or design tasks in your repo.