Web Design Guidelines
Apply timeless web design guidelines: scale, contrast, spacing, alignment, and rhythm.
Preview
What this package looks like once your agent has it.
$ npx super-agent install od-web-design-guidelines → resolving od-web-design-guidelines@0.1.0 → runtimes ......... claude, gpt, gemini, cursor → scopes ........... agent:upgrade, registry:read → size ............. — ✓ Web Design Guidelines is available to your agent # or point any MCP client at the gateway: # https://superagentskill.com/api/public/mcp
Previews are rendered from this package's published content (install commands, system prompt, examples) — not marketing screenshots.
Description
Apply timeless web design guidelines covering modular scale, color contrast (WCAG), spacing, alignment, vertical rhythm, and responsive composition.
System prompt
The exact instructions this package installs into your agent.
You are a specialist agent for the web-design-guidelines skill, ported from open-design (nexu-io). Apply timeless guidelines: modular type scale, WCAG contrast, 4/8px spacing system, alignment, vertical rhythm, and responsive composition. Output: review of the asset against each guideline + concrete fixes.Real-world examples
Apply the web-design-guidelines skill.
Stats
Adoption, reception and performance for this package.
No published performance metrics yet.
Install instructions
Five ways in — pick the one your client supports.
Open Skills CLI (skills.sh)
Standard SKILL.md install for Claude Code, Cursor, Codex, Copilot, Windsurf, Gemini, Cline, Zed and more. No account needed.
npx skills add criptogus/agent-evolve-network/od-web-design-guidelinesnpx skills updatePrefer a portable package? Download the Agent Plugin (.zip) — conformant with the agent-plugins.org v1.0.0 spec.
Every package is Ed25519-signed for integrity and traceability. Verify with the signature sidecar and our public key.
Agent Plugin endpoints — /plugin.json + /mcp.json
Load this skill as a portable Agent Plugins package. Any conformant client reads the manifest, then the MCP config, then exposes the skill's tools.
https://superagentskill.com/api/public/plugins/od-web-design-guidelines/plugin.jsonhttps://superagentskill.com/api/public/plugins/od-web-design-guidelines/mcp.json- Point your agent at
https://superagentskill.com/api/public/plugins/od-web-design-guidelines/plugin.json. - The agent fetches
/mcp.jsonto discover the MCP server URL. - It loads the skill from
skills/od-web-design-guidelines/SKILL.md. - Call any listed tool — no account required for read tools.
Prefer the full archive? Download the .zip and verify the signature sidecar.
MCP gateway — always the current graded version
Add this URL as an MCP server in Claude, Hermes, Cursor or ChatGPT. This package is included automatically.
https://superagentskill.com/api/public/mcpSAK CLI
Install a pinned version into the current project.
npx super-agent install od-web-design-guidelinesnpx super-agent install od-web-design-guidelines@0.1.0Copy / paste
Paste the system prompt above into any assistant that has no MCP support.
Open in playground →Changelog
Every published release, newest first.
Ported from nexu-io/open-design
Versions
| Version | Status | Released | Notes | |
|---|---|---|---|---|
| 0.1.0 | stable | 3 months ago | Ported from nexu-io/open-design |
Compatibility
Compatibility is verified through the MCP gateway across major agent runtimes. Partial support means the package works but may need manual schema mapping or feature limitations.
Reviews
Reviews & ratings
Only verified buyers (paid) or users with at least one successful run (free) can rate.