clean-web-development

roprgm-skills

OtherClaude Codeby roprgm

Summary

Clean, minimal, human-readable TypeScript React architecture and code style

Install to Claude Code

/plugin install clean-web-development@roprgm-skills

Run in Claude Code. Add the marketplace first with /plugin marketplace add roprgm/skills if you haven't already.

README.md

skills

A small collection of personal Agent Skills, MIT-licensed.

Skills follow the open Agent Skills format (a SKILL.md file with name + description frontmatter), so they work with any agent runtime that reads that format.

Available skills

  • design — an opinionated, dense, neutral design language for React + Tailwind UIs. Encodes tokens, type scale, surface model, table and form conventions, and a starter globals.css (OKLCH, dark-first with light variant).
  • clean-web-development — clean, minimal, human-readable TypeScript React architecture and code style. Covers stack selection (Next.js, Vite, Vite + Convex), folder structure, imports, dependencies, and the patterns that keep a codebase pleasant to read.

Install

Claude Code

/plugin marketplace add roprgm/skills
/plugin install design@roprgm-skills

Codex CLI

Codex reads .agents/skills/ natively, so a manual copy is the simplest path (see Manual below). The repo also ships a .codex-plugin/plugin.json so the marketplace flow works:

codex plugin marketplace add roprgm/skills
codex plugin install roprgm-skills

(Check codex plugin --help for the exact subcommands in your version.)

Manual (any agent that reads .agents/skills/)

Project-scoped:

mkdir -p .agents/skills/design
cp skills/design/SKILL.md .agents/skills/design/

User-global:

mkdir -p ~/.agents/skills/design
cp skills/design/SKILL.md ~/.agents/skills/design/

The skill is surfaced automatically when its description matches the work at hand.

License

MIT

Related plugins

Browse all →