AI agent skills for front-end teams and web designers

Guidelines and workflows for writing high-converting marketing copy for web pages, including headlines, CTAs, and page structures.

Guidelines and workflows for designing and writing high-converting SaaS and service landing pages, covering structure, layout, copy, and SEO/AEO.

Guides creation of distinctive, production-grade frontend interfaces with bold, cohesive aesthetics and refined implementation.

Inspects web interfaces for layout, responsive, accessibility, and visual issues, then applies targeted source code fixes and re-verifies results.

Guide to setting up, configuring, and integrating Vanta.js animated WebGL backgrounds, including React usage, resizing, and performance considerations.

Teach how to create and customize CSS gradient borders using a pseudo-element mask, including Tailwind-friendly usage and common pitfalls.

Implement layered CSS progressive blur overlays at the top or bottom of the viewport using multiple masked backdrop-filter layers.

Guides using Aura’s asset library to source Unsplash-style images plus recommended crops and resolutions for design and marketing use.

Master modern responsive design techniques using container queries, fluid typography, CSS Grid, and mobile-first strategies for adaptive interfaces.

Framework and checklists for designing and writing a high-converting SaaS pricing page, including layout patterns, copy, FAQs, and SEO/AEO.

Implement a lightweight interactive WebGL globe with cobe.js, including responsive canvas setup, markers, interaction, and React/Next.js integration.

Apply CSS linear-gradient-based alpha masks for horizontal or vertical edge fades using mask-image and -webkit-mask-image.

Guidelines and curated Unsplash picks for avatars, portraits, backgrounds, and wallpapers with correct sizes and aspect ratios.

Generates structured prompts for creating professional SaaS interfaces, landing pages, and dashboards with clear layout, components, and visual design rules.

Guides the design of premium light-mode SaaS marketing pages with editorial grids, restrained color, framing lines, subtle motion, and conversion-focused layouts.

Implement a customizable progressive gradient blur overlay at the top or bottom of the viewport using layered CSS backdrop-filters.

Elroy Yeap

Guides the planning, copy, structure, and SEO of high-converting product features pages.

453 views

6 Uses

Added by kostja zhang

Guidelines for designing a polished SaaS marketing interface with strong layout systems, realistic product dashboards, subtle motion, and refined visual hierarchy.

Guides creation of polished light-mode SaaS marketing interfaces with varied layouts, rich product UI components, strong hierarchy, and subtle motion.

A comprehensive art direction system for generating high-end, implementation-friendly website design references with an emphasis on hierarchy, imagery, and anti-slop visual discipline.

Expert guidelines for modern UI design covering layout, theme, color systems with oklch(), and accessibility for responsive web development.

Robert Denton

Create a high-performance full-screen WebGL laser background with an atmospheric smoke effect and brand-integrated glowing cores.

Add vertical container-size guide lines and mini corner squares for precise, structured web layouts using CSS.

Create atmospheric monochrome procedural backgrounds with enlarged square pixels and visible Bayer-style ordered dithering.

Create a premium, futuristic dark-blue design system with procedural mesh gradients, hero shells, and minimal UI nodes.

Create minimal, editorial web layouts using thin boundary lines, L-shaped corner brackets, and strict grid-based section alignment.

Create a premium 3D particle globe with a luminous spherical core and orbital rings using Three.js and custom shaders.