awwwards-designCreate award-winning, memorable websites with advanced animations, creative interactions, and distinctive visual experiences. Use this skill when building sites that need to be exceptional—portfolio sites, agency showcases, product launches, or any project where "wow factor" matters.
Install via ClawdBot CLI:
clawdbot install mkhaytman87/awwwards-designGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
http://www.w3.org/2000/svgAudited Apr 16, 2026 · audit v1.0
Generated Mar 1, 2026
Designers, artists, and developers use this skill to build visually stunning portfolio sites that showcase their work with advanced animations and interactive storytelling, helping them stand out in competitive markets and attract high-value clients.
Digital agencies implement this skill to create award-winning websites for product launches or brand campaigns, leveraging scroll-triggered animations and micro-interactions to engage users and demonstrate their design expertise to potential clients.
Brands use this skill to build immersive product launch pages with choreographed motion and sensory-rich elements like parallax effects, enhancing user experience and driving conversions through memorable visual storytelling.
Organizers create dynamic event sites with horizontal scroll sections and text splitting animations to build anticipation, provide information in an engaging way, and reflect the innovative nature of the event itself.
Nonprofits and educational institutions apply this skill to design websites with intentional storytelling and scroll-triggered reveals, making complex content more accessible and emotionally resonant to increase engagement and support.
Agencies or freelancers offer high-end web design packages using this skill to create award-winning sites for clients, charging premium rates for custom animations and interactive experiences that deliver exceptional user engagement.
Developers create and sell pre-built website templates or themes incorporating Awwwards-level animations and designs on platforms like ThemeForest, targeting businesses seeking professional sites without full custom development costs.
Experts provide workshops, online courses, or one-on-one consultations to teach teams how to implement advanced web animations and design principles, helping others master tools like GSAP and Framer Motion for creative projects.
💬 Integration Tip
Start by mastering GSAP with ScrollTrigger for core animations, then layer in tools like SplitType for text effects, ensuring smooth performance with 60fps targets and responsive fallbacks for broader device compatibility.
Scored Apr 19, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.