High Fidelity Web | Agent Skills Atlas

About this skill

Use when brainstorming, designing, or building high-fidelity, interactive, animated marketing or landing websites: the near-3D, eye-catching, awwwards-grade tier (Stripe, Linear, Vercel, Column). Covers the full lifecycle: concept and art direction, design tokens, a motion language, building in code (vanilla JS + GSAP + Tailwind, or React + Framer Motion / Three.js / R3F), performance, and accessibility. Triggers on requests like "build a premium landing page", "make this site feel like Stripe", "add scroll animations or a scrollytelling section", "an animated hero", "parallax and micro-interactions", "a WebGL or gradient hero", or "design an awwwards-grade marketing site".

Quick start

Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.

Installation guide →

Review, license & listing details

Review the source before using this skill

This is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.

Automated security scan: Partial

Only SKILL.md was scanned. Supporting files and scripts were not checked. No safety grade has been assigned.

0 potential findings · Scanned 11/4/2026 · Scanner 0.2.1

Content SHA-256: 7615836b9da5ae96b93c5fc05f16ef2863e14459f213e77470fd80f809c2ea37

About scan coverage and limitations

Original listing metadata

Original name

high-fidelity-web

Original description

About this listing

Category: Growth & marketing
Reported license: MIT
Listing language (estimated): English
Review status: Not individually reviewed
Agent compatibility: Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.