Best Frontend & Design Skills for Claude Code

    AI agent skills that accelerate UI development, component generation, CSS styling, and design system workflows. Ship pixel-perfect interfaces faster.

    34 skills

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

    7
    605.0(2)

    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.

    3
    165.0(1)

    Award Winning Design: Turn Claude Into a World Class Designer

    by Aman Garg

    Skill of the Month$7.99

    v2 of Design Philosophy — a senior-designer brain for your agent. Industry-specific, award-caliber UI plus six pro UX reasoning modules. Same prompt, radically better design.

    5
    144.5(2)

    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.

    5
    44No reviews

    pretext layout

    by Roy Yuen

    Free

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

    2
    14No reviews

    ui component architect

    by tudor

    Free

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

    5
    19No reviews

    swiftui microinteractions

    by Vishal Paliwal

    Free

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

    2
    55.0(1)

    iOS Swift Master

    by Pietro Giovanni Vaccarello

    $5

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

    2
    1No reviews

    Solo SaaS Architect

    by tudor

    $5

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

    2
    1No reviews

    dioxus axum fullstack

    by Nicolas KLETHI

    $9

    Expert guidance for Dioxus 0.7.3 and Axum 0.8 fullstack Rust development, featuring Signals and SSR patterns.

    2
    0No reviews

    Mini Program Dev

    by MiniProgramDev

    Free

    微信与支付宝小程序全栈开发助手。覆盖项目初始化、页面开发、组件编写、Bug检测与自动修复、支付收款集成、支付安全扫描、用户反馈收集与自动更新。

    2
    2No reviews

    .Net MAUI Master

    by Pietro Giovanni Vaccarello

    $5

    Expert .NET MAUI architect for building high-performance iOS, Android, Windows, and Mac apps from a single C# codebase.

    2
    1No reviews

    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.

    1
    6No reviews

    Premium Static Website Surface Builder

    by John Barros

    $29

    Builds professional, conversion-focused static website surfaces with cinematic design and full SEO metadata.

    3
    1No reviews

    nex photographer creative template

    by Nex AI

    $7

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

    2
    0No reviews

    nex trust check

    by Nex AI

    $7

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

    2
    0No reviews

    nex video frame pipeline

    by Nex AI

    $5

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

    2
    0No reviews

    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

    3
    2No reviews

    Remotion Video Genie

    by Martin Gunderman

    $7

    Turn React components into programmatic videos for automated marketing, social media, and data visualization.

    1
    1No reviews

    Landing Page Component Kit

    by Markus Isaksson

    $7

    Generate design-system-aware landing page sections that inherit your CSS variables and conversion copy patterns.

    2
    0No reviews

    nex animated website skill

    by Nex AI

    $7

    Turn MP4 videos into luxury, frame-by-frame scroll-animated websites with cinematic overlays and a dwell-stop engine.

    1
    0No reviews

    nex fitness studio template

    by Nex AI

    $7

    Deploy high-energy, single-file websites for gyms and studios with integrated HealthClub SEO schema.

    1
    0No reviews

    nex color spy ext

    by Nex AI

    $5

    Fully-functional, zero-build Chrome extension for inspecting CSS colors, fonts, and dimensions with Shadow-DOM.

    1
    0No reviews

    Responsive HTML Email Coder

    by Markus Isaksson

    $5

    Generate production-ready, responsive HTML emails from brand tokens with Outlook VML and Gmail inlining.

    2
    0No reviews

    nex cookie shield ext

    by Nex AI

    $5

    Deploy a complete, manifest-v3 cookie consent blocker with zero build steps and a pre-configured management UI.

    1
    0No reviews

    nex consultant coach template

    by Nex AI

    $7

    Deploy high-authority, SEO-optimized single-page websites for consultants, coaches, and advisory professionals.

    1
    0No reviews

    premium multi step form design

    by Matthew King

    Free

    Your multi-step form works. It just feels cheap. This skill fixes the feel, not the logic

    1
    1No reviews

    agent rules generator

    by Timoranjes

    Free

    Teaches AI coding agents to generate optimized project rule files (.cursorrules, CLAUDE.md, AGENTS.md) that give agents precise context about a project's architecture, conventions, and workflow. Cover

    2
    1No reviews

    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
    1No reviews

    Animation Assistant

    by Echo Rose

    $7.99

    Animation Assistant - A Premium AI Agent Skill

    1
    0No reviews

    Android Navigation Pro

    by Echo Rose

    $5

    Android Navigation Pro - A Premium AI Agent Skill

    1
    0No reviews

    Android App Builder

    by Echo Rose

    $5

    Android App Builder - A Premium AI Agent Skill

    1
    0No reviews

    Next.js 16 Cloudflare Static SEO Kit

    by Enes Demirci

    Free

    Deploy a Next.js 16+ App Router site as a 100% static export to Cloudflare Workers Static Assets, hitting 100/100 PageSpeed with clean technical SEO.

    1
    0No reviews