LLM becomes an Award Winning App & Site Designer
by Aman G.
$9.99
V4: Now for apps too. Stop shipping AI sites and apps that look like AI made them. Your agent researches your category first, then designs.
30
1224.5(6)
Codex Skills for Frontend & Web Apps
Skills that help AI agents design and build web interfaces — landing pages, UI components, layouts, styling, and design systems. Ship pixel-perfect, on-brand product surfaces faster.
993 live frontend & web apps skills for Codex CLI.
New in Frontend & Web Apps
Skill of the Month
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
115.0(1)
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.
5
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.
5
1734.0(4)
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
10
3074.3(6)
clone site to elementor
$9
Clone any webpage into fully editable native Elementor Pro widgets with pixel-perfect accuracy.
6
1375.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.
4
105
ui component architect
by tudor
Free
Generates stunning, mobile-responsive Tailwind CSS components and modern landing pages.
5
1155.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
5
735.0(3)
pretext layout
by Roy Yuen
Free
High-performance browser-based text layout and measurement for virtualization, canvas, and layout-heavy applications.
2
405.0(1)
webclient studio
by Rian O'Leary
$7
A full-cycle freelance management suite to qualify leads, build proposals, and track your project pipeline locally.
5
1
Landing Page & Conversion Copy Gate
$14
Review a landing page or sales page before launch: flags an unclear value proposition, weak or buried CTA, missing social proof, funnel friction and unsupported claims, with a PUBLISH / REVISE / HOLD verdict.
2
205.0(1)
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
iOS Swift Master
$5
Senior-level iOS engineering agent specializing in Swift 6, SwiftUI, SwiftData, and Apple Intelligence.
2
65.0(1)
Mobile App UI Designer
$9.99
Designs mobile app screens that feel native — thumb-zone reachability mapping, platform convention selection, navigation architecture, and gesture design. Use when the user says design a mobile app screen, wants iOS or Android UI patterns, or asks for a mobile onboarding flow. Do not use when they want the app's technical architecture and state management, not screen-level visual design.
2
0
email template
by Kevin Cline
$12
Generate responsive, Outlook-safe HTML email templates for welcome sequences, promotions, receipts, and more.
2
0
click to convert audit
Free
High-integrity landing page audits that identify ad spend hazards and conversion blockers for Google Ads traffic.
3
25
Solo SaaS Architect
by tudor
$5
Automatically builds complete, launch-ready SaaS websites, databases, and secure user dashboards, with security audits at each step.
3
1
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
34
.Net MAUI Master
$5
Expert .NET MAUI architect for building high-performance iOS, Android, Windows, and Mac apps from a single C# codebase.
2
1
amap jsapi skill
by 崔新超
Free
Expert-level Gaode Map (AMap) JSAPI v2.0 integration for 3D maps, LBS services, and secure implementations.
2
3
Kotlin Android Master
$5
Professional-grade Android development skill for building modern Kotlin apps with Jetpack Compose and MVVM.
2
0
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
2
30
Why use a Codex frontend skill
A Codex frontend skill is for the frontend or full-stack developer who does not want to repeat layout, typography and motion rules in every prompt. You save the rules once and Codex applies them whenever the task matches. Most skills here target React and Tailwind CSS, judging by their listings; if you use Vue, Svelte or plain CSS, check the listing first.
Codex skills for frontend and web apps: pick by task
Build a component library: ui component architect builds responsive Tailwind components with light and dark modes. Tip: generate one component with all its states, such as a button, and approve it before you ask for the rest.
Apply a design system: Design System MD keeps your rules in a DESIGN.md file. Tip: fill in color, spacing and type tokens before you ask for pages.
Add motion and animation: frontend motion wizard adds micro-interactions and layout transitions with Framer Motion. Tip: ask it to respect reduced-motion settings and check the result on a slower phone.
Ship a landing page: cinematic sites rebuilds a basic site as an animated landing page, and LLM becomes an Award-Winning App & Site Designer researches your category before it designs. Tip: give it your real copy; placeholder text hides layout problems.
Audit the page before publishing: Responsive Landing Page Auditor finds fixed-width elements, small touch targets and missing media queries. Tip: run it on the preview build at phone width before you share the link.
Choose and call the right frontend skill
Start from the task, not the category label: a new component set, rules for an existing product, motion, a full landing page, or a final check. We would start with a skill whose SKILL.md preview states concrete rules, and skip one that only promises good-looking results. Use one design skill per repo, and check users, updates and the scan result.
Connect Codex to Agensi once. Then ask for a skill by name, for example "use frontend motion wizard on the hero", or let Codex load it when your task matches its description. The latest approved version loads for that session and nothing is saved to .agents/skills. The MCP setup guide covers the connection.
Frontend rules in AGENTS.md
Project-wide style rules fit AGENTS.md, which Codex reads before it starts work; the Codex documentation sets a default size limit of 32 KiB. Our AGENTS.md guide for Codex explains the split.
More Codex skills
Compare more in our best frontend skills for AI agents and TypeScript and React skills. Back to the Codex skills marketplace, on to Codex design skills, or see frontend skills for Claude Code if you also work there.
Frequently asked questions
Connect an MCP-compatible agent to Agensi and ask it to use the skill on your task. Approve any required purchase. The latest approved instructions load on each use; never save skill files to disk.
Some are free, but most are paid. Paid skills show the price upfront, are a one-time purchase, and include future updates from the creator.
Yes. Every listing is checked by an 8-point automated security scan before it can go live, and the result is shown on each skill page alongside the file list.
Get in touch
Questions, partnership ideas, or feedback on the platform? Tell us what's working and what isn't, we love to hear from you!
SR
Samuel Rose
Founder & CEO of Agensi
Email UsBook a Callinfo@agensi.io
We typically respond within a few hours during business hours.