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.

    405 skills · page 1 of 17

    LLM becomes an Award Winning App & Site Designer

    by Aman G.

    $9.99

    V4: Now for apps too. Stop shipping AI sites and apps that look like AI made them. Your agent researches your category first, then designs.

    20
    1114.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.

    9
    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.

    6
    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
    2794.3(6)

    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.

    6
    1225.0(2)

    iOS Swift Master

    by Pietro Giovanni Vaccarello

    $5

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

    2
    45.0(1)

    ui component architect

    by tudor

    Free

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

    5
    106

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

    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)

    pretext layout

    by Roy Yuen

    Free

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

    2
    395.0(1)

    swiftui microinteractions

    by Vishal Paliwal

    Free

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

    2
    295.0(2)

    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

    nex game hud style

    by Nex AI

    $19

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

    5
    5

    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)

    human interface mastery

    by Kiran Sala

    Free

    Engineer world-class interfaces using Apple HIG rigor, mathematical squircles, and tactile spring physics.

    6
    45.0(4)

    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
    33

    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

    Mobile App UI Designer

    by StrategistKit

    $9.99

    Designs mobile app screens that feel native — thumb-zone reachability mapping, platform convention selection, navigation architecture, and gesture design. Use when the user says design a mobile app screen, wants iOS or Android UI patterns, or asks for a mobile onboarding flow. Do not use when they want the app's technical architecture and state management, not screen-level visual design.

    2
    0

    nex photographer creative template

    by Nex AI

    $19

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

    6
    0

    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)

    nex video frame pipeline

    by Nex AI

    $9

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

    6
    2

    nex veterinary petcare template

    by Nex AI

    $19

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

    6
    0

    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
    22

    nex page watch

    by Nex AI

    Free

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

    6
    5