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.

    272 skills · page 1 of 12

    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.

    13
    634.8(4)

    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.

    11
    115.0(1)

    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)

    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
    2454.4(5)

    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)

    cinematic 4k landing page

    by Mohammad Rahad Shaikh

    Free

    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.

    8
    855.0(1)

    ui component architect

    by tudor

    Free

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

    5
    98

    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
    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
    535.0(3)

    iOS Swift Master

    by Pietro Giovanni Vaccarello

    $5

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

    2
    4

    DesignForge — AI Design Intelligence Skill for Coding Agents

    by WoW MCP

    $9.99

    A reusable design-intelligence skill that guides coding agents (Claude Code, Cursor, Codex, and similar) through a real design process — context, UX, visual system, accessible responsive implementation, and QA — instead of defaulting to generic AI-generated interfaces.

    3
    55.0(2)

    nex photographer creative template

    by Nex AI

    $7

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

    6
    0

    pretext layout

    by Roy Yuen

    Free

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

    2
    385.0(1)

    swiftui microinteractions

    by Vishal Paliwal

    Free

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

    2
    175.0(2)

    nex veterinary petcare template

    by Nex AI

    $7

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

    6
    0

    Website Designer

    by The Lily Studio

    $5

    A strategic website planner and design consultant that generates complete site maps, content guides, and brand specs.

    2
    20

    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
    31

    nex clean copy ext

    by Nex AI

    Free

    A production-ready Manifest V3 extension to strip tracking parameters and hidden Unicode from copied text.

    5
    55.0(1)

    Frontend Design — Production Grade UI with Distinctive Aesthetics

    by Shogun Labs

    Free

    Create visually striking UI beyond generic AI design: brutalist, minimal, editorial, retro-futuristic

    1
    20

    nex page watch

    by Nex AI

    Free

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

    6
    5

    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
    4

    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
    4

    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
    2

    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
    3