Best Web & App UI Design Skills for Claude Code

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

    68 skills

    cinematic sites

    $12

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

    10
    105.0(1)

    click to convert audit

    Free

    High-integrity landing page audits that identify ad spend hazards and conversion blockers for Google Ads traffic.

    2
    1425.0(1)

    clone site to elementor

    Free

    Clone any webpage into fully editable native Elementor Pro widgets with pixel-perfect accuracy.

    3
    875.0(1)

    frontend motion wizard

    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
    675.0(2)

    Award Winning Design: Turn Claude Into a World Class Designer

    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.

    6
    214.5(2)

    Cinematic Landing Page Builder

    $19

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

    4
    165.0(1)

    cinematic 4k landing page

    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.

    2
    54No reviews

    web design lead qualifier

    Free

    Automated deep-research and scoring agent for qualifying web design prospects and drafting bespoke outreach.

    3
    40No reviews

    designer carousel post

    Free

    Generate professional, information-first Instagram carousels showcasing Claude AI workflows for designers.

    1
    325.0(1)

    ui component architect

    Free

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

    5
    23No reviews

    pretext layout

    Free

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

    2
    14No reviews

    landing page cro audit

    $5

    Generate professional, evidence-backed CRO audits and A/B test ideas from any landing page URL.

    4
    2No reviews

    webclient studio

    $7

    A full-cycle freelance management suite to qualify leads, build proposals, and track your project pipeline locally.

    4
    1No reviews

    Senior Web App Architect for Coding Agents

    $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)

    swiftui microinteractions

    Free

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

    2
    55.0(1)

    iOS Swift Master

    $5

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

    2
    1No reviews

    color palette

    $12

    Generate accessible, role-based color palettes with JSON data, CSS variables, and HTML previews from any mood.

    2
    0No reviews

    Solo SaaS Architect

    $5

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

    2
    1No reviews

    amap jsapi skill

    Free

    Expert-level Gaode Map (AMap) JSAPI v2.0 integration for 3D maps, LBS services, and secure implementations.

    2
    0No reviews

    dioxus axum fullstack

    $9

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

    2
    0No reviews

    nex brand identity

    Free

    Generate professional design tokens, brand guides, and social templates with a signature hex-grid aesthetic.

    2
    7No reviews

    Mini Program Dev

    Free

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

    2
    2No reviews

    .Net MAUI Master

    $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

    Free

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

    2
    6No reviews

    Flutter Cross Master

    $7

    Architect and deploy production-grade Flutter apps using Clean Architecture, BLoC, and TDD.

    2
    0No reviews

    accessibility auditor

    Free

    Audit frontend code for WCAG 2.2 AA compliance with prioritized remediation steps and deep semantic analysis.

    2
    3No reviews

    Landing Page & Conversion Copy Gate

    $16

    An adversarial reviewer for landing pages and conversion copy. It flags an unclear value proposition, a weak or buried call to action, missing social proof, funnel friction, and unsupported claims, then returns a PUBLISH / REVISE / HOLD verdict — before the page goes live.

    2
    2No reviews

    Premium Static Website Surface Builder

    $29

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

    3
    1No reviews

    marketing copy engine

    Free

    High-converting copy for any channel. 12 frameworks (AIDA/PAS/BAB), 8 tones, 50+ templates, 0-100 quality gate, A/B variants.

    2
    5No reviews

    Ad Page Match Auditor

    Free

    Audit paid ads and landing pages as one conversion path for service businesses.

    2
    2No reviews

    Design System MD — Brand Quality UI via DESIGN.md

    Free

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

    3
    3No reviews

    nex trust check

    $7

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

    2
    0No reviews

    Ulti Next.js Agent

    $7

    Build high-speed, full-stack React apps with Next.js 14+ App Router, Server Components, and Server Actions.

    2
    0No reviews

    nex video frame pipeline

    $5

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

    2
    0No reviews

    Accessibility Scanner

    $7

    Automatically detect accessibility issues in websites and applications following WCAG and accessibility standards.

    1
    1No reviews

    premium multi step form design

    Free

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

    2
    1No reviews

    Mobile App UI Designer

    $9.99

    Design native mobile experiences with a focus on thumb-zone ergonomics, platform conventions, and gesture-driven UI.

    1
    0No reviews

    Remotion Video Genie

    $7

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

    1
    1No reviews

    content architect pro

    Free

    Analyze, audit, and optimize website content with AI-powered content strategy, UX writing reviews, SEO insights, and conversion-focused copywriting

    2
    5No reviews

    ai menu navigator

    $5

    Turns open-ended AI chats into guided, interactive menu systems for structured task navigation.

    2
    0No reviews

    Color Palette Pro

    Free

    Color Palette Pro - A Premium AI Agent Skill

    2
    2No reviews

    nex wobble office 3d agents

    $7

    Generate a production-ready 3D virtual office for AI agents using Next.js and React Three Fiber.

    1
    0No reviews

    nex feed filter ext

    $5

    A production-ready Chrome Extension for 1-click 'Not Interested' buttons across social media feeds.

    1
    0No reviews

    Modern Web Master

    $8

    An expert architect for building scalable, high-performance React applications with TypeScript and modern best practices.

    1
    0No reviews

    nex fitness studio template

    $7

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

    1
    0No reviews

    nex full capture ext

    $7

    Ship a complete, production-ready Manifest V3 Chrome extension for scrolling screenshots and PDF exports.

    1
    0No reviews

    nex consultant coach template

    $7

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

    1
    0No reviews

    gnosis skill poc builder

    $9.99

    Builds and documents the smallest possible POC or prototype to validate requirements before development starts. Part of the Gnosis Technology Product Suite

    2
    0No reviews

    WordPress Custom Block Plugin Builder

    $12.99

    A senior Gutenberg engineer that builds and audits production-ready WordPress block plugins with apiVersion 3.

    1
    0No reviews

    agent rules generator

    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

    AI Design System Prompt Architect for Web UI

    $7.99

    Creates complete AI-ready prompt systems and implementation-aware specifications for coherent web UI design systems, including brand direction, design principles, colors, typography, spacing, grids, tokens, components, interaction states, dashboards, landing pages, responsive behavior, accessibility, Figma guidance, frontend guidance, governance, testing, and quality control.

    3
    0No reviews

    CSS Animation & Micro Interaction Engine

    $6

    Generate accessible, token-aware CSS animations and stateful UI micro-interactions for any frontend.

    1
    0No reviews

    accessibility auditor v2

    Free

    Pre-launch accessibility audit. WCAG 2.2 AA/AAA, ADA/EAA, 70+ checks, axe-core. VPAT/ACR report for procurement.

    1
    0No reviews

    Toutour — Verified Onboarding Tours for Any Website

    Free

    Analyzes your site's layout and UI, interviews you about preferences, then generates AND Playwright-verifies a spotlight onboarding tour — accessible, i18n-ready, colorblind-safe, MIT.

    2
    2No reviews

    Frontend Design — Production Grade UI with Distinctive Aesthetics

    Free

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

    1
    1No reviews

    local biz outreach finder

    Free

    Identifies local leads with outdated websites and drafts personalized cold outreach citing specific technical flaws.

    2
    1No reviews

    Animation Assistant

    $7.99

    Animation Assistant - A Premium AI Agent Skill

    1
    0No reviews

    Android Navigation Pro

    $5

    Android Navigation Pro - A Premium AI Agent Skill

    1
    0No reviews

    Android App Builder

    $5

    Android App Builder - A Premium AI Agent Skill

    1
    0No reviews

    Next.js 16 Cloudflare Static SEO Kit

    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

    Web App UI Component System Builder

    $7.99

    Creates complete, scalable UI component systems for modern web applications, covering design tokens, buttons, cards, forms, navigation, modals, tables, tabs, alerts, badges, tooltips, pricing cards, responsive behavior, accessibility, documentation, testing, governance, and developer handoff.

    2
    0No reviews

    Landing Page Conversion UI Architect

    $7.99

    Creates conversion-focused landing page architectures for SaaS products, e-commerce brands, services, applications, campaigns, and digital products, covering hero sections, CTA systems, social proof, benefits, pricing, comparisons, objections, FAQs, forms, responsive wireframes, analytics, testing, and developer handoff.

    2
    0No reviews

    E Commerce Product Page UI Optimizer

    $7.99

    Optimizes e-commerce product pages for clearer product understanding, easier variant selection, stronger trust, improved add-to-cart readiness, and better mobile usability across galleries, pricing, size guides, reviews, shipping, sticky purchase controls, upsells, bundles, subscriptions, and FAQs.

    2
    0No reviews

    Hook Bank Generator Pro

    $7

    Creates categorized hook banks for videos, ads, emails, landing pages, sales pages, social posts, carousels, newsletters, product pages, and short-form content, helping creators, marketers, businesses, coaches, consultants, and digital product sellers quickly generate clear, compelling, audience-specific opening lines.

    1
    0No reviews

    Responsive Web UI Audit Agent

    $7.99

    Audits websites and web applications across desktop, tablet, and mobile to detect layout failures, spacing inconsistencies, typography problems, undersized controls, breakpoint defects, overflow, navigation issues, form problems, table failures, sticky-element collisions, accessibility risks, and mobile usability defects.

    2
    0No reviews

    AI Web App UI Mockup Generator

    $7.99

    Creates premium, implementation-aware UI mockup concepts for SaaS products, CRMs, finance applications, education platforms, AI tools, marketplaces, booking systems, admin dashboards, and other web applications, including layouts, components, realistic content, responsive behavior, AI image prompts, Figma notes, and developer handoff.

    2
    0No reviews

    react hooks auditor pro

    $5

    Comprehensive React Hooks audit and optimization skill for AI coding agents. Audits all 15+ built-in React hooks for correct usage, dependency completeness, cleanup patterns, performance optimization,

    1
    0No reviews

    Verified A11y Auditor

    Free

    Automated WCAG 2.1 AA accessibility auditor that computes contrast ratios and provides code-level fixes.

    0
    1No reviews