Web & App UI Design Skills for Codex 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 Codex CLI.

    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)

    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

    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)

    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

    nex veterinary petcare template

    by Nex AI

    $7

    Deploy conversion-optimized, schema-rich websites for vets, grooming salons, and pet boarding businesses.

    6
    0

    nex parkour rooms system

    by Nex AI

    $9

    A complete Three.js parkour system with animated platforms, checkpoint management, and progression gating.

    5
    0

    Design Systems Engineering

    by Ahmed Rehan

    $9.99

    A disciplined, human-centered workflow for design systems work.

    2
    0

    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

    Accessibility Bug Hunter for AI Coding Agents

    by Shandra

    $9.99

    Finds accessibility problems in UI code and turns them into prioritized fixes, WCAG-aware checklists, test plans, remediation tickets, and safe AI coding prompts.

    2
    0

    Astro Optimization

    by Ahmed Rehan

    $9.99

    Production Astro performance and Core Web Vitals optimization.

    1
    0

    Web UI Design to Code Prompt Architect

    by Shandra

    $7.99

    Transforms UI descriptions, screenshots, wireframes, Figma references, and existing frontend code into precise, implementation-ready prompts for AI coding agents. Defines page structure, component architecture, design tokens, responsive behavior, interaction states, accessibility, data boundaries, performance requirements, file plans, acceptance criteria, verification steps, and output expectations for React, Next.js, TypeScript, Tailwind CSS, shadcn/ui, HTML/CSS, Vue, Svelte, and component-based web applications.

    1
    0

    react native best practices architect

    by Timoranjes

    Free

    Build production-grade React Native apps with native primitives, optimized lists, and type-safe navigation.

    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

    Modern Web Master

    by Pietro Giovanni Vaccarello

    $8

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

    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)

    designer carousel post

    by Naiim Bsili

    Free

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

    1
    465.0(1)

    Why web & app ui design skills work in Codex CLI

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