SkillHey.
Skill einreichen

Build Awwwards-Quality Sites

MengTo/Skills

Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout heroes, GSAP choreography, one smooth-scroll engine, optional Three.js shaders, honest icon and logo sourcing, photo avatars, accessibility, and performance safeguards. Use when a user asks for an Awwwards-quality, premium, cinematic, interactive, high-concept, or motion-led website, or explicitly requests this visual and motion system.

Inhalt aktualisiert:

Auf GitHub ansehen
npx skills add MengTo/Skills --skill build-awwwards-quality-sites
7.533Sterne861ForksLetzter Repository-Push

Über diesen Skill

Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout heroes, GSAP choreography, one smooth-scroll engine, optional Three.js shaders, honest icon and logo sourcing, photo avatars, accessibility, and performance safeguards. Use when a user asks for an Awwwards-quality, premium, cinematic, interactive, high-concept, or motion-led website, or explicitly requests this visual and motion system.

Warum wir es empfehlen

Summarized from the original MengTo/Skills SKILL.md by Meng To; the original upstream instructions were used.

Wobei es hilft

  • Use this workflow when the task matches the original Build Awwwards-Quality Sites instructions.

Vor der Nutzung

  • Read the original SKILL.md and referenced files in MengTo/Skills.

Quellen und Referenzen

Die Originalquellen sind unten verlinkt. Praktische Einstiegsideen sind redaktionelle Vorschläge von SkillHey.

Redaktion: SkillHey
Web designcreative development

Ähnliche Skills

Emil Kowalski Design Skills

Emil Kowalski

Practical UI engineering workflows from Emil Kowalski, including mobile web and edge-case testing.

  • Web design
56.965Sterne3336Forks
Letzter Repository-Push

Accessibility Expert

Brian (slb2248)

Use a WCAG 2.1-oriented checklist for semantic HTML, keyboard access, contrast and accessible form behavior.

  • accessibility
  • Web design
7Sterne1Forks
Letzter Repository-Push

Web Typography

wondelai

Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", "type hierarchy", "variable fonts", "FOUT/FOIT", "typographic scale", or "the text is hard to read". Also trigger when choosing between system fonts and web fonts, optimizing font-loading performance, or designing readable long-form content. Covers readability evaluation, CSS implementation, and performance optimization. For overall UI design systems, see refactoring-ui. For dramatic typographic experiences, see top-design.

  • typography
  • Web design
2702Sterne266Forks
Letzter Repository-Push