AI agent skills for front-end teams and web designers

Toolkit for creating and maintaining scalable UI design systems with tokens, responsive rules, accessibility and developer handoff docs.

Checklist for reviewing UI code for compliance with comprehensive web interface, accessibility, performance, and content guidelines.

Applies psychological principles and mental models to design ethical, effective marketing, pricing, and growth strategies.

Guide for planning, implementing, and validating analytics tracking with GA4, GTM, and UTM strategies.

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

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

Comprehensive guide to using Anime.js v4 for JavaScript-driven web animations, timelines, SVG, scroll effects, and draggable interactions.

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

Guidelines and patterns for setting up Matter.js 2D physics scenes, interactions, and cleanup in web environments.

Guides creating original visual design philosophies and expressing them as meticulously crafted, museum-quality PNG or PDF art with minimal text.

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

Skill guide for creating and controlling animations in Three.js, including keyframes, skeletal rigs, morph targets, blending, and procedural motion.

623 views

11 Uses

Added by Nigel Alba

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

Defines and structures brand strategy, storytelling, voice, and visual identity for consistent branding across touchpoints.

508 views

28 Uses

Added by kostja zhang

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

453 views

6 Uses

Added by kostja zhang

Guides generative engine optimization strategies to improve content visibility and citation in AI search answers across tools like ChatGPT, Perplexity, and AI Overviews.

419 views

9 Uses

Added by kostja zhang

Analyze and optimize webpage images for SEO, performance, formats, responsiveness, lazy loading, and CLS prevention.

409 views

3 Uses

Added by Jorge Jaramillo

Guides cold start strategy for AI/SaaS products to get first users, traction, and validate product-market fit from zero.

365 views

3 Uses

Added by kostja zhang

Guidance for creating, structuring, editing, packaging, and iterating reusable Claude skills with metadata, resources, and best practices.

363 views

Added by Alain Hensley

Builds complex single-file Claude artifacts with React, TypeScript, Tailwind CSS, and shadcn/ui using init and bundling scripts.

346 views

5 Uses

Added by Alain Hensley

Guides writing internal company communications like status reports, leadership updates, newsletters, FAQs, and incident reports using preferred formats.

290 views

1 Uses

Added by Alain Hensley

Guidance for optimizing in-app paywalls, upgrade prompts, and upsell flows to improve free-to-paid conversion without harming user trust.

221 views

9 Uses

Added by Phillip

Index of GSAP-related skills for AI agents, covering core animation, timelines, ScrollTrigger, plugins, React/framework integration, utilities, and performance.

194 views

4 Uses

Added by Mitul Chovatiya

Explains how to build and control GSAP timelines for sequencing animations with position parameters, labels, nesting, defaults, and playback.

158 views

3 Uses

Added by Mitul Chovatiya

Covers GSAP plugin registration and practical use of plugins for scroll, FLIP, draggable UI, text, SVG, easing, physics, and animation debugging.

144 views

1 Uses

Added by Mitul Chovatiya

Reference for GSAP utility helpers like clamp, mapRange, random, snap, toArray, wrap, and related value, unit, and collection utilities for animation code.

110 views

Added by Mitul Chovatiya

A semantic design system skill for Google Stitch that enforces premium UI standards through anti-generic rules and specific hardware-accelerated performance constraints.

Theweb3 Brothers

Creates premium, website-like presentation decks using custom design systems, structured UI components, and executive storytelling principles.

Prosper Akingbohungbe

Teaches how to create customizable CSS gradient borders with a pseudo-element mask, including Tailwind-friendly usage and common implementation pitfalls.

Abiel A.R

Expert guidance on advanced prompting techniques, LLM optimization, and production-ready AI system design using chain-of-thought and constitutional AI.

Robert Denton

Write and review microcopy, error messages, and CTAs using principles of clarity, conciseness, and human-centric design.

Robert Denton