Best Frontend & Web App Skills for Claude Code

    Skills that help AI agents design and build web interfaces — landing pages, UI components, layouts, styling, and design systems. Ship pixel-perfect, on-brand product surfaces faster.

    158 skills · page 1 of 7

    Skill of the Month

    Award Winning Design: Make Claude a World Class Designer

    by Aman Garg

    $9.99

    V3 NEW & IMPROVED: Stop shipping AI sites that look like AI sites. Your agent researches your category first, then designs.

    6
    364.7(3)

    cinematic sites

    by Kevin Cline

    $12

    Turn any basic business URL into a high-end cinematic landing page with AI-generated 4K assets and GSAP animations.

    12
    105.0(1)

    cinematic 4k landing page

    by Mohammad Rahad Shaikh

    $5

    Turn any business URL into a high-converting, agency-grade landing page with AI-generated 4K cinematic visuals, GSAP scroll animations, and one-command Cloudflare Pages deployment.

    7
    715.0(1)

    frontend motion wizard

    by tudor

    Free

    Advanced responsive layout and interactive micro-interaction engine for React, Tailwind CSS, and Framer Motion. Automatically injects fluid element states, mobile-first touch behaviors, adaptive viewports, and non-destructive layout transitions into static codebases

    8
    1455.0(2)

    ui component architect

    by tudor

    Free

    Generates stunning, mobile-responsive Tailwind CSS components and modern landing pages.

    5
    64

    Cinematic Landing Page Builder

    by Martin Gunderman

    $19

    Turn any business URL into a high-end animated landing page with 4K AI assets and GSAP animations via Cloudflare.

    5
    165.0(1)

    Senior Web App Architect for Coding Agents

    by Avesta Agency Australia | Software Engineering Group

    $9.99

    Messy, insecure, unfixable — that's what AI builds without architecture. This file is the architecture: 10 years of senior judgement on rendering, caching, security and SEO, so your agent builds it right from day one.

    6
    15.0(1)

    Design System MD — Brand Quality UI via DESIGN.md

    by Shogun Labs

    Free

    Apply world-class design systems to any UI project in one step using getdesign.md CLI

    5
    305.0(1)

    nex veterinary petcare template

    by Nex AI

    $7

    Deploy conversion-optimized, schema-rich websites for vets, grooming salons, and pet boarding businesses.

    6
    0

    Solo SaaS Architect

    by tudor

    $5

    Automatically builds complete, launch-ready SaaS websites, databases, and secure user dashboards, with security audits at each step.

    3
    0

    pretext layout

    by Roy Yuen

    Free

    High-performance browser-based text layout and measurement for virtualization, canvas, and layout-heavy applications.

    2
    21

    Frontend Development Engine

    by Joker

    Free

    5 project type routing (SPA/SSR/mini-programs), framework matrix (React 19/Vue 3.5/Svelte 5), build tools, CSS decisions.

    2
    21

    nex photographer creative template

    by Nex AI

    $7

    Deploy a gallery-forward, SEO-optimized portfolio website for photographers and creative studios.

    6
    0

    nex trust check

    by Nex AI

    $7

    Deploy or fork a production-ready Chrome extension for AI text detection and fake review analysis.

    6
    0

    iOS Swift Master

    by Pietro Giovanni Vaccarello

    $5

    Senior-level iOS engineering agent specializing in Swift 6, SwiftUI, SwiftData, and Apple Intelligence.

    2
    1

    swiftui microinteractions

    by Vishal Paliwal

    Free

    Pro-grade SwiftUI microinteractions with spring physics, liquid glass effects, and haptic synchronization.

    2
    85.0(1)

    nex seo schema injector

    by Nex AI

    $7

    Generate premium, single-file HTML client demos with advanced SEO schema, premium UI effects, and zero dependencies.

    6
    0

    nex animated website skill

    by Nex AI

    $9

    Converts an MP4 video into a single-file luxury scroll-animated website where scrolling plays the footage frame by frame.

    5
    0

    nex page watch

    by Nex AI

    Free

    Deploy a production-ready Manifest V3 Chrome extension for visual webpage monitoring and change alerts.

    6
    2

    nex meeting finder

    by Nex AI

    Free

    Deploy a production-ready Manifest V3 extension that detects meeting links and injects Join buttons into any webpage.

    5
    3

    nex video frame pipeline

    by Nex AI

    Free

    Convert MP4 videos into dual-resolution, web-optimized WebP frame sequences for high-performance scroll animations.

    6
    1

    nex game hud style

    by Nex AI

    Free

    Transform any website into a sci-fi game HUD with scanlines, corner brackets, and neon glitch effects.

    5
    1

    nex accent contrast ext

    by Nex AI

    Free

    Ship a Manifest V3 Chrome extension that applies a custom accent color theme across any website.

    6
    0

    nex glb character system

    by Nex AI

    Free

    Hybrid GLB/Procedural character system for Three.js with Draco compression, asset caching, and a selection UI.

    5
    1