npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@dorianpro/michelangelo

v1.0.4

Published

Design & Code Skill System — 2,221 integrated skills across 15 categories for coding agents

Readme

Michelangelo

Michelangelo — Design & Code Skill System

"Less, but better." — Dieter Rams

A comprehensive skill system for coding agents, incorporating 2,106 integrated skills across 15 categories. Provides visual craft standards, design philosophy, front-end code patterns, design system methodology, and general-purpose agent skills — compatible with all major coding agents.

Author: Dorian | Version: 1.0.0 | License: MIT


Quick Install

npm

npm install @dorianpro/michelangelo
# Or
pnpm add @dorianpro/michelangelo
# Or
bun add @dorianpro/michelangelo

After installing, copy the entry point to your project:

# OpenCode / generic agents
cp node_modules/@dorianpro/michelangelo/AGENTS.md .

# Claude Code
cp node_modules/@dorianpro/michelangelo/CLAUDE.md .

# Gemini CLI
cp node_modules/@dorianpro/michelangelo/GEMINI.md .

# Cursor IDE
mkdir -p .cursor/rules
cp node_modules/@dorianpro/michelangelo/.cursor/rules/michelangelo.mdc .cursor/rules/

# GitHub Copilot
cp node_modules/@dorianpro/michelangelo/COPILOT.md .

OpenCode

# Clone the package
git clone https://github.com/dorianpro/michelangelo.git /path/to/michelangelo

# Add to opencode.json
{
  "skills": { "paths": ["path/to/michelangelo"] },
  "instructions": ["path/to/michelangelo/michelangelo/SKILL.md"]
}

Or copy to ~/.opencode/skills/:

ln -sf /path/to/michelangelo/michelangelo ~/.opencode/skills/michelangelo

Claude Code

# Clone and symlink
git clone https://github.com/dorianpro/michelangelo.git ~/michelangelo
ln -sf ~/michelangelo/michelangelo ~/.claude/skills/michelangelo

# Or per-project
cp ~/michelangelo/CLAUDE.md /path/to/your/project/CLAUDE.md

Cursor IDE

# Copy the cursor rule
cp /path/to/michelangelo/.cursor/rules/michelangelo.mdc /path/to/your/project/.cursor/rules/

The rule activates automatically (alwaysApply: true). The master skill is loaded in every session.

Cursor CLI

Place CLAUDE.md in your project root:

cp /path/to/michelangelo/CLAUDE.md /path/to/your/project/CLAUDE.md

Codex (OpenAI CLI)

cp /path/to/michelangelo/CODEX.md /path/to/your/project/CODEX.md

Gemini CLI

cp /path/to/michelangelo/GEMINI.md /path/to/your/project/GEMINI.md

GitHub Copilot

cp /path/to/michelangelo/.github/copilot-instructions.md /path/to/your/project/.github/copilot-instructions.md
# Or
cp /path/to/michelangelo/COPILOT.md /path/to/your/project/COPILOT.md

Package Structure

michelangelo/
├── michelangelo/               ★ Master skill module
│   ├── SKILL.md                ← Universal entry point (load this)
│   ├── index.json              ← OpenCode package manifest
│   └── registry.json           ← Full machine-readable skill index
├── categories/                 ★ 2,095 skills by domain
│   ├── design-philosophy/      (28)  — Rams, Swiss Style, modernism
│   ├── visual-craft/           (65)  — Typography, grids, WCAG
│   ├── design-systems/         (145) — Atomic Design, tokens, libraries
│   ├── frontend-code/          (176) — React, Next, Vue, CSS, TS
│   ├── ux-research/            (38)  — Laws of UX, usability, CRO
│   ├── brand-identity/         (22)  — Brand strategy, logos
│   ├── tool-integrations/      (416) — APIs, SaaS, automation
│   ├── agent-patterns/         (343) — Agents, RAG, LLM, prompt
│   ├── security/               (113) — Pentesting, compliance
│   ├── infrastructure/         (94)  — Docker, K8s, cloud
│   ├── business-ops/           (82)  — CRM, finance, ops
│   ├── data-science/           (112) — ML, analytics, Python
│   ├── media-content/          (101) — Video, writing, SEO
│   ├── mobile/                 (38)  — iOS, Android, SwiftUI
│   └── general-purpose/        (322) — Utilities, helpers
├── .cursor/rules/              ★ Cursor IDE integration
│   └── michelangelo.mdc
├── AGENTS.md                   ★ OpenCode / generic entry point
├── CLAUDE.md                   ★ Claude Code entry point
├── GEMINI.md                   ★ Gemini CLI entry point
├── CODEX.md                    ★ Codex entry point
├── COPILOT.md                  ★ GitHub Copilot entry point
├── .github/
│   └── copilot-instructions.md
├── index.json                  ★ OpenCode package index
└── README.md                   ← This file

Categories Overview

| # | Category | Count | What You'll Find | |---|----------|-------|------------------| | 1 | tool-integrations | 416 | Figma, GitHub, Slack, AWS, Azure, Stripe, APIs, MCP | | 2 | agent-patterns | 343 | Agent orchestration, RAG, memory, LLM patterns, eval | | 3 | general-purpose | 322 | Utilities, helpers, various languages and tools | | 4 | frontend-code | 176 | React, Next, Vue, Svelte, CSS, HTML, TypeScript | | 5 | design-systems | 145 | Material, Carbon, Fluent, Shadcn, tokens, Atomic | | 6 | security | 113 | Pentesting, OWASP, compliance, auth, crypto | | 7 | data-science | 112 | ML, Python, SQL, analytics, pipelines, research | | 8 | media-content | 101 | Video, writing, SEO, social media, copywriting | | 9 | infrastructure | 94 | Docker, K8s, CI/CD, Terraform, networking, DevOps | | 10 | business-ops | 82 | CRM, finance, ops, HR, procurement, logistics | | 11 | visual-craft | 65 | Typography, grids, color, WCAG, animation, layout | | 12 | ux-research | 38 | Laws of UX, usability testing, CRO, user research | | 13 | mobile | 38 | iOS, Android, SwiftUI, Kotlin, React Native, Flutter | | 14 | design-philosophy | 28 | Rams, Swiss Style, modernism, design theory, taste | | 15 | brand-identity | 22 | Brand strategy, identity systems, logos, voice |


Master Skill Contents

The michelangelo/SKILL.md contains:

  1. Philosophy & Foundations — Dieter Rams' 10 Principles, Swiss Style, canonical designers
  2. Visual Craft Standards — Typography scales, grid systems, Gestalt principles, WCAG 2.2 AA
  3. Design System Methodology — Atomic Design, token systems, 20+ major design systems
  4. Technology Stack Preferences — TypeScript, React/Next, Tailwind, semantic HTML
  5. Quality Guardrails — Anti-slop enforcement, WCAG compliance, style coherence
  6. Category Registry — Complete table of 15 categories with descriptions
  7. Full Skill Registry — All 2,221 skills with names, categories, and descriptions

Integrated Sources

| Source | Skills | Origin | |--------|--------|--------| | OpenCode Community | 2,014 | Curated skill collection | | ECC / .config/opencode/skills | 281 | Installed ECC skills | | Installed .opencode/skills | 146 | Local OpenCode skills | | ponytail (local) | 6 | Poneytail audit/review/debt skills | | farmage/opencode-skills | 51 | Extension skills | | Weizhena/Deep-Research-skills | 20 | Research skills (4 languages × 5 depths) | | obra/superpowers | 14 | Skill workflow patterns | | Egonex-AI/Understand-Anything | 9 | Codebase understanding | | agentkit-seo/agentkit-seo | 7 | SEO & profile optimization | | anthropics/skills | 4 | Official skill-creator, frontend-design, mcp-builder, webapp-testing | | cyijun/agent-smith | 2 | Agent orchestration | | hqhq1025/skill-optimizer | 3 | Skill optimization tools | | hardikpandya/stop-slop | 1 | Anti-slop enforcement | | vercel-labs/agent-skills | 1 | React best practices | | cloudflare/skills | 1 | Cloudflare Workers | | glebis/claude-skills | 1 | Daydream flow | | ponytail (local) | 6 | Poneytail audit/review/debt skills | | thedotmack/claude-mem | 18 | claude-mem v13.9.2 persistent memory + 17 companion skills |


Skill Inventory

Category Summary

| # | Category | Skills | Description | |---|----------|--------|-------------| | 1 | tool-integrations | 423 | Platform APIs, automation, plugins, integrations | | 2 | agent-patterns | 369 | Agent orchestration, RAG, memory, LLM patterns | | 3 | general-purpose | 334 | Utilities, helpers, generic tools | | 4 | frontend-code | 224 | React, Next, Vue, Svelte, CSS, HTML, TS | | 5 | design-systems | 156 | Atomic Design, tokens, Material, Carbon, Fluent | | 6 | security | 113 | Pentesting, vulnerabilities, compliance, auth | | 7 | data-science | 114 | ML, analytics, pipelines, Python data stack | | 8 | media-content | 104 | Video, writing, SEO, social media, copy | | 9 | infrastructure | 94 | Docker, K8s, CI/CD, cloud, DevOps | | 10 | business-ops | 82 | CRM, finance, logistics, operations | | 11 | visual-craft | 65 | Typography, grids, color, WCAG, animation | | 12 | design-philosophy | 45 | Rams, Swiss Style, modernism, taste | | 13 | mobile | 38 | iOS, Android, SwiftUI, Kotlin, React Native | | 14 | ux-research | 38 | User research, usability, laws of UX, CRO | | 15 | brand-identity | 22 | Brand strategy, logos, identity systems |

Total: 2,221 skills

Full Skill Index

For the complete machine-readable index of all 2,221 skills, see:

  • michelangelo/registry.json — Structured JSON with name, category, description, and origin for every skill
  • categories/<category>/INDEX.md — Human-readable per-category skill tables with descriptions and links

To browse skills by category, open any categories/<category>/ directory. Each skill lives in its own subdirectory with a SKILL.md file containing instructions.


Development

# View structure
find categories -name "SKILL.md" | wc -l

# Browse a category
ls categories/frontend-code/

# Read a specific skill
cat categories/frontend-code/shadcn/SKILL.md

License

MIT — free to use, modify, and distribute.


Built with care by Dorian (https://dorian.pro)