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.

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

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

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

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

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

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

967 views

17 Uses

Added by Nigel Alba

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.

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

911 views

48 Uses

Added by kostja zhang

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

682 views

8 Uses

Added by Alain Hensley

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

671 views

12 Uses

Added by kostja zhang

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

658 views

8 Uses

Added by kostja zhang

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

624 views

3 Uses

Added by Jorge Jaramillo

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

608 views

Added by Alain Hensley

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

578 views

11 Uses

Added by Mitul Chovatiya

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

563 views

3 Uses

Added by kostja zhang

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

499 views

13 Uses

Added by Mitul Chovatiya

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

458 views

1 Uses

Added by Alain Hensley

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

Prosper Akingbohungbe

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

422 views

10 Uses

Added by Phillip

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

278 views

6 Uses

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

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

197 views

1 Uses

Added by Mitul Chovatiya

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

Robert Denton

A professional toolkit for creating scalable design systems, generating tokens, and documenting components with a focus on accessibility and handoff.

148 views

Added by JDC GLOBAL

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

Robert Denton

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

Abiel A.R

Extract design primitives and tokens from public websites to generate starter design system files.

100 views

Added by hill

A framework for making bold, high-conviction design decisions and developing creative points of view when faced with open-ended or vague prompts.

Robert Denton

Expert conversion copywriting guidelines for creating clear, compelling marketing copy that drives action across landing pages, homepages, and product features.

73 views

6 Uses

Added by Lon Obers

Advanced technical consultant instruction for cryptography, offensive security, reverse engineering, and incident response operations.

Vapor 2

A comprehensive skill set covering general instructions for design, development, and documentation best practices.

Abdullah Rana

A professional toolkit for generating design tokens, building component architectures, and facilitating developer handoff with accessibility in mind.

44 views

Added by Colsls

A complex instruction set defining the persona, behavior, and coding standards for the ATRA demonic-engineer identity.

Copy Trader