Plugin · Claude Code · Frontend & UI

Nakanosanku Ohmyskills

nakanosanku-ohmyskills is a Claude Code plugin for the Build phase that bundles frontend and design-system skills for distinctive, production-oriented websites.

by NakanoSanku · github.com/NakanoSanku/OhMySkills

Load frontend and design-system skills so the agent can analyze sites, apply named aesthetics, and build modern UIs with Chrome DevTools-aware workflows.

156
GitHub stars
0
Installs
0
Community votes
One vote per signed-in builder - it helps surface the tools the community actually relies on.
Install

Add it to Claude Code

Install the plugin in Claude Code. One command, paste-ready.

Install the plugin
/plugin install nakanosanku-ohmyskills@NakanoSanku/OhMySkills
Add to ClaudeUse the Agent APISkillselion is itself an MCP server - your agent can fetch this config directly.
Agent API

Built to be called by your agent

Skillselion is itself an MCP server. Your agent can pull this entry and a paste-ready install config straight from the API - no copy-paste.

Retrieve this entry with skillselion.get_details("plugin:NakanoSanku/OhMySkills") and the paste-ready config with skillselion.get_install_config("plugin:NakanoSanku/OhMySkills").

About

What it does

nakanosanku-ohmyskills is a Claude Code plugin marketplace entry that bundles two community skills aimed at builders 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 solo 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.

Highlights

  • 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

Why builders use it

Builders using agents often get generic UI output and waste time re-prompting for styles, tokens, and polished frontend behavior.

After installing the plugin, you get two focused skills that steer the agent toward named design styles, token-aware layouts, and frontend analysis workflows.

At a glance

  • Type - Plugin in Frontend & UI.
  • Adoption - 0 installs, 156 stars, 0 votes.

FAQ

Who is nakanosanku-ohmyskills for?

It is for developers and indie 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.

Discussion

Comments

Share how you use nakanosanku-ohmyskills, gotchas, or tips for other indie builders.

No comments yet - be the first to share how you use it.

This week for builders

Five minutes, every Monday — the tools, releases and tactics for shipping solo.

unsubscribe anytime.