Web & App UI Design Skills for Grok

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

    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)

    web design lead qualifier

    by Rian O'Leary

    Free

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

    3
    45

    ui component architect

    by tudor

    Free

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

    5
    32

    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.

    5
    314.7(3)

    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

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

    Color Palette Pro

    by Echo Rose

    Free

    Color Palette Pro - A Premium AI Agent Skill

    2
    4

    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

    landing page cro audit

    by Roy Yuen

    $5

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

    4
    3

    Why web & app ui design skills work in Grok

    Each skill on this page is a SKILL.md file built for web & app ui design work and confirmed to run in Grok. Install one into ~/.grok/skills/, start a new session, and Grok 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 Grok 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