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.

3.4k views

296 Uses

Added by Meng To

coreyhaines31

coreyhaines31/marketingskills

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

1.6k views

148 Uses

Added by Meng To

MengTo

MengTo/Skills

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

1.4k views

140 Uses

Added by Meng To

anthropics

anthropics/skills

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

1.2k views

61 Uses

Added by Meng To

github

github/awesome-copilot

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

755 views

29 Uses

Added by Meng To

MengTo

MengTo/Skills

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

660 views

38 Uses

Added by Meng To

MengTo

MengTo/Skills

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

641 views

19 Uses

Added by Meng To

MengTo

MengTo/Skills

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

627 views

22 Uses

Added by Meng To

MengTo

MengTo/Skills

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

593 views

21 Uses

Added by Meng To

MengTo

MengTo/Skills

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

541 views

17 Uses

Added by Meng To

MengTo

MengTo/Skills

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

wshobson

wshobson/agents

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

464 views

24 Uses

Added by Meng To

MengTo

MengTo/Skills

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

428 views

18 Uses

Added by Meng To

MengTo

MengTo/Skills

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

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

kostja94

kostja94/marketing-skills

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

Sourasith Phomhome

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

Sourasith Phomhome

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

Sourasith Phomhome

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

Sourasith Phomhome