Adding a lot of skills for Hermes Gerhard

agents/gerhard-hermes/skills/creative/popular-web-designs/SKILL.md

@@ -1,10 +1,6 @@
 ---
 name: popular-web-designs
-description: >
-  54 production-quality design systems extracted from real websites. Load a template
-  to generate HTML/CSS that matches the visual identity of sites like Stripe, Linear,
-  Vercel, Notion, Airbnb, and more. Each template includes colors, typography, components,
-  layout rules, and ready-to-use CSS values.
+description: 54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.
 version: 1.0.0
 author: Hermes Agent + Teknium (design systems sourced from VoltAgent/awesome-design-md)
 license: MIT
@@ -27,6 +23,16 @@ triggers:
 site's complete visual language: color palette, typography hierarchy, component styles, spacing
 system, shadows, responsive behavior, and practical agent prompts with exact CSS values.
 
+## Related design skills
+
+- **`claude-design`** — use for the design *process and taste* (scoping a brief,
+  producing variants, verifying a local HTML artifact, avoiding AI-design slop).
+  Pair it with this skill when the user wants a thoughtfully-designed page styled
+  after a known brand: `claude-design` drives the workflow, this skill supplies
+  the visual vocabulary.
+- **`design-md`** — use when the deliverable is a formal DESIGN.md token spec
+  file, not a rendered artifact.
+
 ## How to Use
 
 1. Pick a design from the catalog below