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

    New in Frontend & Web Apps

    Skill of the Month

    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)

    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

    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)

    cinematic 4k landing page

    by Mohammad Rahad Shaikh

    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

    by Shai Ben - Dor

    $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

    by PubsProToolkit

    $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

    by Pietro Giovanni Vaccarello

    $5

    Senior-level iOS engineering agent specializing in Swift 6, SwiftUI, SwiftData, and Apple Intelligence.

    2
    65.0(1)

    Mobile App UI Designer

    by StrategistKit

    $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

    by Gabriel Simion

    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

    by Pietro Giovanni Vaccarello

    $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

    by Pietro Giovanni Vaccarello

    $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

    swiftui microinteractions

    by Vishal Paliwal

    Free

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

    2
    325.0(2)

    What Cursor frontend skills do

    Cursor frontend skills give Cursor a fixed way of working for UI, components and landing pages, so a frontend developer, a full-stack developer or an indie founder gets less generic UI. LLM becomes an Award Winning App & Site Designer says on its page that it researches your category before it designs, at $9.99. The free ui component architect generates responsive Tailwind CSS components and landing pages. Cinematic Landing Page Builder turns a business URL into an animated landing page with GSAP animations, at $19. For brand and visual identity, see design skills for Cursor, and for a cross-agent shortlist read the best frontend skills for AI agents.

    React and component skills for Cursor

    A Cursor React skill is thin on page one. The free frontend motion wizard is the one that names React in its description, together with Tailwind CSS and Framer Motion, and it targets responsive layouts and micro-interactions. We found no other page one skill that names React, so for TypeScript and React work read our guide to TypeScript and React skills and check each preview.

    Frontend skills vs Cursor rules

    Rules are fixed instructions. Skills are on-demand ways of working that Cursor chooses by their description or that you call with / in Agent chat. Both sit under Agent Decides, and the paths field in a skill does the job that globs do in rules. The built-in /migrate-to-skills command converts Apply Intelligently rules and slash commands into skills. Rules with alwaysApply: true or globs are not migrated, and neither are user rules. Read how skills differ from Cursor rules before you migrate your Cursor rules to skills.

    How to choose and use a frontend skill in Cursor

    When you compare frontend skills for Cursor, start with your framework, then read the SKILL.md preview, the use count, the reviews and the security scan. Page one also holds skills that are not frontend work, such as an Instagram carousel generator and iOS Swift Master, so check the fit before you use one. We would test a landing page skill on a throwaway branch first. Connect Cursor to Agensi once and a frontend skill loads when your task matches it or when you ask for it by name; nothing is saved to .cursor/skills/ or .agents/skills/, so every project gets the latest approved version. The MCP setup guide covers the connection. For Claude Code users, the same job is covered by Claude Code frontend skills. Back to the Cursor skills marketplace.

    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 Call

    info@agensi.io

    We typically respond within a few hours during business hours.