design SKILL.md skillA

design from mumega-com/mcpwp-claude-plugin is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add mumega-com/mcpwp-claude-plugin/design@git:20260609.051dd65

Pins git:20260609.051dd65 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
mumega-com/mcpwp-claude-plugin
Path
skills/design/SKILL.md
Versions recorded
2
Latest version
git:20260609.051dd65, committed Jun 9, 2026
First version recorded
Apr 7, 2026
Size
1,883 bytes
Repository stars
4
License
none declared

Modern web design principles for building pages via mcpwp — typography, color palettes, card styling, responsive layouts, hero sections. Use before building or redesigning pages.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Page Design Guide

Modern web design principles for building pages via mcpwp. $ARGUMENTS = style or project context.

## 2026 Design Principles

### Layout
- Generous whitespace: 80-120px section padding, 40-60px between elements
- Full-width sections alternating with boxed content (max 1200px)
- Mobile-first: stack to single column below 768px

### Typography
- One font family, two weights max
- Hero: 48-72px headlines, body: 18-20px
- Line height: 1.1-1.2 headlines, 1.5-1.7 body

### Cards
- Border radius: 12-16px
- Box shadow: `0 4px 20px rgba(0,0,0,0.08)`
- Hover: `translateY(-4px)` + deeper shadow, 0.3s ease
- Internal padding: 30-40px

### Color Palettes

**Dark Tech:** Primary #6366F1 | Accent #22D3EE | BG #0F172A | Text #F8FAFC
**Clean SaaS:** Primary #2563EB | Accent #F59E0B | BG #FFFFFF | Text #1E293B
**Bold Startup:** Primary #DC2626 | Accent #FBBF24 | BG #18181B | Text #FAFAFA
**Nature/Calm:** Primary #059669 | Accent #8B5CF6 | BG #F0FDF4 | Text #1C1917

### Hero Best Practices
- One headline (what it does, not what it is)
- One subheadline (1-2 sentences)
- One primary CTA (action verb)
- Dark or gradient background
- No clutter

### Feature Grid
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add mumega-com/mcpwp-claude-plugin/design@sha256:bc4f0f9e4f2b37f8

The line at the top of this page pins the label git:20260609.051dd65, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_th5yhdqkwjjueeyx.svg)](https://markdownregistry.com/a/art_th5yhdqkwjjueeyx)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 2 versions of this file, between Apr 7, 2026 and Jun 9, 2026, about one every 63 days.

versioncommittedcommitsizeaudit
git:20260609.051dd65 latest2026-06-09 051dd65 1,883 BA view · diff
git:20260407.57ed5bd2026-04-07 57ed5bd 1,883 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (1883 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

mumega-com/mcpwp-claude-plugin · 4 stars · license none declared · pushed 2026-09-26 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_th5yhdqkwjjueeyx
GET https://markdownregistry.com/api/v1/resolve?ref=mumega-com/mcpwp-claude-plugin/design
GET https://markdownregistry.com/api/v1/blob/bc4f0f9e4f2b37f836c74adfded9034d3e46be5e73b4cd53926d0efe23a906a7

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from mumega-com/mcpwp-claude-plugin

CLAUDE.md CLAUDE.md file
mumega-com/mcpwp-claude-plugin · CLAUDE.md
git:20260910.58af7f0 · audit A · 4 stars
connect SKILL.md skill
mumega-com/mcpwp-claude-plugin · skills/connect/SKILL.md · MCP connection reference for Claude Code, Claude Desktop, Cursor, and Windsurf. Use /mcpwp:setup for first-time guided…
git:20260609.051dd65 · audit A · 4 stars
dev SKILL.md skill
mumega-com/mcpwp-claude-plugin · skills/dev/SKILL.md · MCPWP plugin development guide — add tools, bump versions, run tests, use the mcpwp_register_tools hook API. Use when…
git:20260910.58af7f0 · audit A · 4 stars
elementor SKILL.md skill
mumega-com/mcpwp-claude-plugin · skills/elementor/SKILL.md · Build and edit Elementor pages via mcpwp — layout modes, widget keys, flex grids, blueprints, validation, CSS…
git:20260609.051dd65 · audit A · 4 stars
operate SKILL.md skill
mumega-com/mcpwp-claude-plugin · skills/operate/SKILL.md · Operate a client's WordPress site brand-first and governed — the core loop every marketing/website agent runs on…
git:20260609.051dd65 · audit A · 4 stars
setup SKILL.md skill
mumega-com/mcpwp-claude-plugin · skills/setup/SKILL.md · First-time setup — install mcpwp on WordPress, generate an API key, and configure your MCP client. Start here.
git:20260910.58af7f0 · audit A · 4 stars
status SKILL.md skill
mumega-com/mcpwp-claude-plugin · skills/status/SKILL.md · Check mcpwp plugin status on a connected WordPress site — version, Elementor, capabilities, and available updates.
git:20260910.58af7f0 · audit A · 4 stars
tools SKILL.md skill
mumega-com/mcpwp-claude-plugin · skills/tools/SKILL.md · Browse the mcpwp MCP tools by category (260+ with Pro, 180+ on Free) — pages, Elementor, WooCommerce, media, SEO, and…
git:20260910.58af7f0 · audit A · 4 stars

Every file in mumega-com/mcpwp-claude-plugin

Other files named design

design SKILL.md skill
yeachan-heo/gajae-code · packages/coding-agent/test/fixtures/gjc-plugins/valid-six-surface-bundle/subskills/design/SKILL.md · Adds domain design guidance for ralplan planner phase.
git:20260626.8caa779 · audit A · 3,048 stars
design SKILL.md skill
yeachan-heo/gajae-code · packages/coding-agent/test/fixtures/gjc-plugins/malicious-mixed-root/subskills/design/SKILL.md · Valid binding in mixed root.
git:20260605.e17540f · audit B · 3,048 stars
design SKILL.md skill
yeachan-heo/gajae-code · packages/coding-agent/test/fixtures/gjc-plugins/valid-skill-plugin/subskills/design/SKILL.md · Adds domain design guidance for ralplan planner phase.
git:20260605.e17540f · audit A · 3,048 stars
design SKILL.md skill
jeremylongshore/tons-of-skills-marketplace · plugins/ai-agency/hyperflow/skills/design/SKILL.md · Use when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a…
v1.0.0 · audit A · 2,897 stars
design SKILL.md skill
sethgammon/citadel · skills/design/SKILL.md · Generates and maintains a design manifest for visual consistency. In existing projects, reads current styles and…
git:20260611.0f3f8e7 · audit A · 929 stars
design SKILL.md skill
ericrisco/rsc-harness · skills/design/SKILL.md · Use when designing, redesigning, restyling or reviewing a web page or app screen (landing, product site, portfolio…
git:20261026.55c72f8 · audit A · 429 stars
design SKILL.md skill
adityaraj0421/naksha-studio · skills/design/SKILL.md · Assembles a virtual design team to produce production-quality UI, UX, visual, social media, email, and data output. A…
git:20261018.ab04699 · audit A · 350 stars
design SKILL.md skill
firecrawl/firecrawl-claude-plugin · skills/design/SKILL.md · Extract a reference website's design system into DESIGN.md with tokens, layout, components, and imagery. Use for…
git:20261020.2399d67 · audit A · 252 stars

Browse by kind, by grade A, or by owner.