Skip to content
Agentmart
Submit a tool

AI agent tools for frontend development

In this catalog, a frontend development tool is one that builds web user interfaces: components, styling, accessibility, frameworks like React. Our enrichment pass tags 196 listings with it: 69 MCP servers, 93 agent skills, 10 plugins, 3 agent frameworks and 21 AI agents. By listing rank, the top MCP server is Front-End Checklist, the top agent skill is design-taste-frontend and the top AI agent is Dyad. 25 of the 196 are published by the vendor behind the product, and 158 were active in the last 30 days. 18 of the 69 MCP servers run only as remote servers, with nothing to install locally. Each entry below links to its listing page, with grades, install commands and sources.

Updated Oct 26, 2026 · Built from catalog data; how we rank and grade

What the job is

Tagged listings
196
By type
69 MCP servers, 93 agent skills, 10 plugins, 3 agent frameworks and 21 AI agents
Published by the vendor
25 of 196
Active in the last 30 days
158 of 196
Open source
138 of 196
MCP servers that run only remotely
18 of 69
Hosts named by the MCP servers
Claude Code (69), Cursor (69), VS Code (69)

Building blocks by type

The top entries of each type, by listing rank. Open a listing for its install command, grades and sources.

MCP servers 69 tagged

  1. 1
    Front-End Checklist

    thedaviddias

    Review frontend code and live pages against 386 quality-gated web development rules.

    • Most GitHub stars here (74,559)
    • Remote server, no local install
    • Active in the last 30 days

    ★ 74.6KLast active Oct 5, 2026Remote (HTTP)Claude Code, VS Code, Cursor, Windsurf

  2. 2
    Arc UI

    uiarc.dev

    React components and blocks with motion.

    • Remote server, no local install
    • Active in the last 30 days
    • Open source (MIT)

    ★ 957Last active Oct 23, 2026Remote (HTTP)Claude Code, VS Code, Cursor, Windsurf

  3. 3
    Svelte MCP

    svelte.devOfficial

    The official Svelte MCP server providing docs and autofixing tools for Svelte development

    • Published by the vendor
    • Runs locally or as a remote server
    • Active in the last 30 days

    ★ 334Last active Oct 19, 2026Local (stdio), Remote (HTTP)Claude Code, VS Code, Codex, Cursor +2

  4. 4
    walkerOS Source Browser

    walkeros.ioOfficial

    Generate, parse, and validate walkerOS data-elb HTML tagging attributes

    • Published by the vendor
    • Active in the last 30 days
    • Open source (MIT)

    ★ 347Last active Oct 22, 2026Local (stdio)Claude Code, Codex, VS Code, Cursor +2

  5. 5
    affectUI

    flohoeller

    Search, read and install agent-ready React components, screens and blocks for AI products.

    • Remote server, no local install
    • Active in the last 30 days
    • Open source (MIT)

    ★ 227Last active Oct 24, 2026Remote (HTTP)Claude Code, VS Code, Cursor, Windsurf

Search MCP servers for frontend development → All connectors

Agent skills 93 tagged

  1. 1
    design-taste-frontend

    Leonxlnx

    tasteskill v2, the anti-slop frontend skill.

    • Largest repository here (101,943 stars)
    • Active in the last 30 days
    • Open source (MIT)

    ★ 101.9KLast active Oct 20, 2026Claude Code, Claude apps, Codex, Cursor +6

  2. 2
    ui-core-components

    open-metadata

    Use when writing or editing React/TSX in `openmetadata-ui/src/main/resources/ui/src/` or `openmetadata-ui-core-components/`, before reaching for a raw `<div>`…

    • Repository has 15.6K stars
    • Active in the last 30 days
    • Open source (Apache-2.0)

    ★ 15.6KLast active Oct 22, 2026Claude Code, Claude apps, Codex, Cursor +6

  3. 3
    component-canvas

    ibelick

    Build a full-screen, interactive canvas to explore existing UI components and their variants with pan and zoom.

    • Repository has 10.1K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 10.1KLast active Oct 13, 2026Claude Code, Claude apps, Codex, Cursor +6

  4. 4
    wb-preview-url-modifier

    webiny

    Covers the PreviewUrlModifier extension point in Website Builder.

    • Repository has 8K stars
    • Active in the last 30 days

    ★ 8KLast active Oct 20, 2026Claude Code, Claude apps, Codex, Cursor +6

  5. 5
    visual-ralph

    Yeachan-Heo

    Visual Ralph orchestration for frontend UI from generated references, static references, or live URL targets, using $ultragoal with built-in visual verdict…

    • Repository has 33.6K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 33.6KLast active Oct 24, 2026Claude Code, Claude apps, Codex, Cursor +6

Search agent skills for frontend development → All skills

Plugins 10 tagged

  1. 1
    AI Pundit Magic - Design to Code | Figma to Code

    Wai Technologies

    AI Pundit Magic offers features such as Design to Code, Pundit Toolbox, Code Editor, request history management, and chat.

    • Open source (Apache-2.0)

    VS Code, Cursor, Windsurf, VSCodium

  2. 2
    RTL for AI Chats

    alirezanamazian

    Automatic right-to-left (RTL) text support for AI coding assistant chat panels (Claude Code, ChatGPT/Codex, Gemini Code Assist, Copilot Chat, and…

    • Most GitHub stars here (2)
    • Open source (MIT)

    ★ 2Last active Aug 13, 2026VS Code, Cursor, Windsurf, VSCodium

  3. 3
    AnywhereDesign — Voice Remote Assistant | Mobile & Iframe Cockpit

    Maxjv

    Hands-free voice & remote coding assistant with live mobile sub-screen and iframe preview.

    • Most GitHub stars here (2)
    • Active in the last 30 days
    • Open source (MIT)

    ★ 2Last active Oct 8, 2026VS Code, Cursor, Windsurf, VSCodium

  4. 4
    DongX

    jd-xnyf

    DongX.AI - 效能研发部 AI 样板间解决方案，提供图生代码、智能接口集成和页面生成三大核心能力，通过 AI 技术提升研发效能，解决设计还原、接口对接等研发痛点。

    • Open source (Apache-2.0)

    VS Code, Cursor, Windsurf, VSCodium

Search plugins for frontend development → All plugins

Agent frameworks 3 tagged

  1. 1
    CopilotKit

    CopilotKit

    Open-source SDK that connects AI agents to app front ends with chat UI, generative UI, shared state and human approvals; creator of the AG-UI protocol.

    • Most GitHub stars here (38,211)
    • Most weekly downloads here (286.2K)
    • Active in the last 30 days

    ★ 38.2K↓ 286.2K/wkLast active Oct 24, 2026

  2. 2
    Vercel AI SDK

    Vercel

    TypeScript toolkit for AI apps and agents with a unified provider API, streaming, UI hooks and a wrapper for running established agent harnesses.

    • 27.5K GitHub stars
    • Active in the last 30 days
    • For TypeScript

    ★ 27.5KLast active Oct 23, 2026

  3. 3
    ai

    TanStack

    TypeScript SDK for streaming chat, tool-calling agents and structured output across model providers and UI frameworks.

    • 3.2K GitHub stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 3.2KLast active Oct 24, 2026

Search agent frameworks for frontend development → All harnesses & sdks

AI agents 21 tagged

  1. 1
    Dyad

    Dyad

    Local open-source desktop AI app builder that uses your own API keys and models and lets you export the code

    • 22.1K GitHub stars
    • Active in the last 30 days

    ★ 22.1KLast active Oct 22, 2026

  2. 2
    bolt.diy

    StackBlitz Labs

    Open-source AI workspace that builds full-stack web apps in the browser with any of 22+ LLM providers

    • 20K GitHub stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 20KLast active Oct 14, 2026

  3. 3
    Onlook

    Onlook

    Open-source visual editor for designing Next.js and Tailwind apps with AI chat and direct edits in the browser

    • Most GitHub stars here (26,997)
    • Open source (Apache-2.0)

    ★ 27KLast active Jul 22, 2026

  4. 4
    frontman

    frontman-ai

    Open-source coding agent in the browser that edits frontend source files from clicks and plain-English descriptions.

    • Active in the last 30 days

    ★ 719Last active Oct 24, 2026

  5. 5
    Chef

    Convex

    AI app builder from Convex that generates full-stack web apps with a built-in database, auth and background workflows.

    • 4.6K GitHub stars
    • Open source (Apache-2.0)

    ★ 4.6KLast active Mar 13, 2026

Search AI agents for frontend development → All agents

For business buyers: agents with stated pricing

Only agents whose listing states pricing are shown, with what the listing says. Check the publisher's pricing page before you buy.

AgentPricing in its listingSource
v0VercelFreemium with a free tier; $0 to $100 per month; pricing page checked Oct 2026Pricing page
Base44WixFreemium with a free tier; $0 to $160 per month; pricing page checked Oct 2026Pricing page
LovableLovableFreemium with a free tier; $0 per month; pricing page checked Oct 2026Pricing page

Questions

What are the top tools for frontend development?
By listing rank, the top MCP server is Front-End Checklist, the top agent skill is design-taste-frontend and the top AI agent is Dyad. Rank weighs adoption, freshness, documentation and publisher identity; money never changes it.
How many tools does the catalog list for frontend development?
196 listings are tagged for it: 69 MCP servers, 93 agent skills, 10 plugins, 3 agent frameworks and 21 AI agents. Tags come from an automated enrichment pass over the top-ranked listings, so tools outside that pass are not counted.
Which AI apps do the MCP servers work with?
Of the 69 MCP servers, 69 list Claude Code, 69 list Cursor and 69 list VS Code as a supported host. Open a listing for its install command and the other hosts it names.
Do the AI agents for frontend development cost money?
Pricing is stated for 3 of the 21 agents: v0 (freemium with a free tier), Base44 (freemium with a free tier), Lovable (freemium with a free tier). The other agents state no pricing in their listings.

196 listings are tagged for this use case; the lists above show the top entries.

Related