Web & App UI Design Skills for Windsurf

    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.

    191 live web & app ui design skills for Windsurf.

    clone site to elementor

    by Shai Ben - Dor

    Free

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

    2
    1225.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

    6
    965.0(2)

    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)

    designer carousel post

    by Naiim Bsili

    Free

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

    1
    465.0(1)

    ui component architect

    by tudor

    Free

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

    5
    32

    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)

    pretext layout

    by Roy Yuen

    Free

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

    2
    16

    click to convert audit

    by Gabriel Simion

    Free

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

    3
    15

    nex brand identity

    by Nex AI

    Free

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

    6
    12

    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.

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

    4
    105.0(1)

    marketing copy engine

    by Kaymue

    Free

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

    2
    8

    content architect pro

    by Austin

    Free

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

    2
    7

    swiftui microinteractions

    by Vishal Paliwal

    Free

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

    2
    75.0(1)

    Landing Page & Conversion Copy Gate

    by PubsProToolkit

    Free

    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
    7

    Printable Activity Book Planner for Kids

    by Shandra

    Free

    Creates complete kids printable activity book plans with title, theme, page count, activity types, difficulty progression, page structure, layouts, instructions, cover concepts, and marketplace positioning.

    2
    6

    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
    5

    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

    2
    4

    accessibility auditor

    by Timoranjes

    Free

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

    2
    4

    Toutour — Verified Onboarding Tours for Any Website

    by 葉淨維

    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.

    3
    3

    Ad Page Match Auditor

    by Nathan Wang

    Free

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

    2
    3

    nex page watch

    by Nex AI

    Free

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

    6
    2

    Premium Static Website Surface Builder

    by John Barros

    $29

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

    4
    2

    local biz outreach finder

    by Seby

    Free

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

    2
    2

    Why web & app ui design skills work in Windsurf

    Each skill on this page is a SKILL.md file built for web & app ui design work and confirmed to run in Windsurf. Install one into .windsurf/skills/ (project) or ~/.windsurf/skills/ (global), start a new session, and Windsurf follows the workflow the creator encoded instead of improvising from a short prompt.

    Listings are ranked by installs, upvotes and reviews, so what surfaces first is what other Windsurf users actually keep. Free and paid skills compete on the same page, and every listing shows its security scan result before you download anything.

    Frequently asked questions