Featured

Deploy OpenClaw in 60 seconds — 20% off logoDeploy OpenClaw in 60 seconds — 20% off

Launch OpenClaw on Hostinger in about 60 seconds and keep your agent live 24/7. Our referral link gives you 20% off, no coupon code needed.

Launch on Hostinger
Run your Hermes agent on Hostinger, fully managed logoRun your Hermes agent on Hostinger, fully managed

Launch Hermes on Hostinger in one click, fully managed, no VPS knowledge needed. Use code ZACAARON10 for 10% off.

Launch on Hostinger
Crawl and scrape any site into clean data, 10% off logoCrawl and scrape any site into clean data, 10% off

Firecrawl crawls and scrapes any site into clean markdown for your agent. Get 1,000 free credits, and new users get 10% off their first purchase.

Try Firecrawl free
6,000+ web scrapers for your AI agent, start free logo6,000+ web scrapers for your AI agent, start free

Apify gives your agent live web data: 6,000+ prebuilt scrapers and actors, MCP-ready. Sign up free with $5 in usage credits.

Try Apify free
One API to scrape, enrich, and extract the internet. logoOne API to scrape, enrich, and extract the internet.

Context.dev gives your agents a single API to scrape, enrich, and extract live web data — no proxies, no parsers, no maintenance.

Start building free
SetupClaw: done-for-you OpenClaw for founders & exec teams logoSetupClaw: done-for-you OpenClaw for founders & exec teams

White-glove OpenClaw for founders and exec teams (4–50+ employees): we install, harden, integrate your tools, and maintain it — secured from day one.

Get it set up for you
SEO data APIs for your agent, $1 free credit logoSEO data APIs for your agent, $1 free credit

DataForSEO gives your agent live access to SERP results, keyword data, backlinks, and on-page SEO data through one API. New accounts get a $1 credit, good for up to 20,000 keyword or backlink lookups.

Try DataForSEO free
Reach 48,000+ AI builders

A flat monthly placement in front of developers actively installing AI tools. No lock-in, cancel anytime.

Advertise here

Summary

Opinionated, dense, neutral design language for React + Tailwind UIs

Install to Claude Code

/plugin install design@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 →