Build Awwwards-Quality Sites

S-rank

Carries the principles and the specific techniques behind sites that win design awards: standout heroes, GSAP choreography, a single smooth-scroll engine, optional Three.js shaders, reference-inspired original imagery, honest icon and logo sourcing, and accessibility plus performance safeguards. From Meng To's collection — the same author behind Design+Code — and aimed at scroll-based storytelling rather than generic landing-page output.

Claude CodeCodexCursorMulti Platform

Install This Skill

npx skills add MengTo/Skills@build-awwwards-quality-sites

SKILL.md Preview

---
name: Build Awwwards-Quality Sites
author: MengTo
version: 1.0.0
description: Art-directs and implements motion-rich marketing, editorial, and portfolio sites to Awwwards-level standards.
category: design
tags: [design, animation, gsap, landing-page, scroll]
platforms: [claude-code, codex, cursor, multi-platform]
license: MIT
---

# Build Awwwards-Quality Sites

Carries the principles and the specific techniques behind sites that win design awards: standout heroes, GSAP choreography, a single smooth-scroll engine, optional Three.js shaders, reference-inspired original imagery, honest icon and logo sourcing, and accessibility plus performance safeguards. From Meng To's collection — the same author behind Design+Code — and aimed at scroll-based storytelling rather than generic landing-page output.

## Usage

This skill automatically enhances your AI agent's capabilities
when installed. No additional configuration required.

## Installation

```bash
npx skills add MengTo/Skills@build-awwwards-quality-sites
```

## Compatibility

This skill is compatible with: claude-code, codex, cursor, multi-platform

## License

MIT