Web & App UI Design Skills for Gemini CLI

    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 Gemini CLI.

    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

    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

    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

    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

    webclient studio

    by Rian O'Leary

    $7

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

    4
    1

    accessibility auditor v2

    by Kaymue

    Free

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

    1
    1

    Responsive HTML Email Coder

    by Markus Isaksson

    $5

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

    2
    0

    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
    0

    Form Input Design System

    by Markus Isaksson

    $6

    Generate accessible, token-ready form components with full validation and interactive states.

    2
    0

    Design Token System Generator

    by Markus Isaksson

    $7

    Convert brand colors into production-ready CSS, Tailwind configs, and W3C design tokens with dark mode support.

    2
    0

    Astro Optimization

    by Ahmed Rehan

    $9.99

    Production Astro performance and Core Web Vitals optimization.

    1
    0

    CSS Animation & Micro Interaction Engine

    by Markus Isaksson

    $6

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

    1
    0

    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

    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)

    Why web & app ui design skills work in Gemini CLI

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