mcp-server

FrontAgent: AI Coding Assistant

Name: FrontAgent: AI Coding Assistant
Author: FrontAgent

Get AI-powered coding help with FrontAgent. For frontend startup founders.

From the repo · “Frontend AI coding agent platform with CLI, VS Code extension, desktop app, MCP server, RAG planning, Skills, SDD guardrails, browser automation, and LoRA planner models | 面向前端工程的 AI Agent 平台，支持 CLI、VS Code 插件、桌面端、MCP 服务、RAG、Skills、SDD、浏览器自动化与 LoRA 规划模型”

intermediate⏱ 30 minutes💵 Free + LLM API costs

6 starsTypeScriptGuide quality 8/10 · reviewed Jul 2Updated 6/29/2026100% free · open source

What it is

You use FrontAgent to get help with your frontend coding projects from AI-powered assistants.

Real use case example

"A founder building a new e-commerce platform uses FrontAgent to automate tasks like setting up a new payment gateway, by creating a script that talks to Stripe API, adds the customer to Notion, and sends a welcome email."

Best insideClaude DesktopClaude Code

When to use it

•When you need help with debugging a complex frontend issue
•When you want to automate repetitive coding tasks
•When you need suggestions for optimizing your frontend codebase

Ready-to-paste prompt

npx frontagent code --fix --file_path src/App.tsx --line 10 --column 5

Heads up: You need to have Node.js (version 16 or higher) and npm installed on your system to run FrontAgent, as it relies on these tools for its build and runtime environment

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🖥️ Needs desktop apps

Drives software that must already be installed on your computer.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/frontagent && curl -fsSL https://workflowstacks.com/api/skills/frontagent/claude-skill -o ~/.claude/skills/frontagent/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

What's inside — free to inspect

No purchase needed

Read the entire source before you build — unlike paid marketplaces that hide it behind a buy button.

top-level files

folders

37.6M

source size

MIT

license

Key files

AGENTS.md

package.json

README.md

tsconfig.json

vitest.config.ts

File tree

.agents/

.claude/

.githooks/

.github/

.gitnexus/

apps/

assets/

benchmarks/

bin/

docs/

models/

packages/

scripts/

skills/

.cgcignore

.env.example

.git-blame-ignore-revs

.gitignore

.npmrc

AGENTS.md

biome.json

build.mjs

CHANGELOG.md

CLAUDE.md

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🖥️ Needs desktop apps

Drives software that must already be installed on your computer.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/frontagent && curl -fsSL https://workflowstacks.com/api/skills/frontagent/claude-skill -o ~/.claude/skills/frontagent/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

FrontAgent

Language

TypeScript