Popular Web Designs

Guides reference-aware website and landing-page work so the result feels intentional, current, and product-grade instead of generic.

agentic-in 548cd93 1.1 KB Updated

File contents

Popular Web Designs

Use this built-in skill when the task is a website or landing-page redesign that should feel current and product-grade.

Core rules

  • Start from the existing brand, content hierarchy, and user journey before styling.
  • Choose one clear visual direction instead of blending generic trends together.
  • Make desktop and mobile feel designed, not merely compressed.
  • Prefer strong spacing, typography, and contrast decisions over decorative clutter.

Default workflow

  1. Identify the page goal, audience, and strongest content priority.
  2. Pick a concrete visual direction and apply it consistently.
  3. Ensure the first screen communicates the product fast.
  4. Validate the layout, navigation, and motion on mobile and desktop.

Guardrails

  • Do not ship a reference mashup with no coherent hierarchy.
  • Do not let hero treatment bury the main content.
  • Do not leave responsive behavior as an afterthought.

agentic-in/elephant-agent/tree/main/packages/skills/builtin_packages/creative/popular-web-designs commit 548cd93669

Frequently asked questions

npx skillmds@latest add agentic-in/popular-web-designs