Updated 1d ago
by ceilf6
FrontAgent
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 规划模型
120 GitHub stars (120)
+1 in 16 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | 0 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | +1 |
| Oct 8 | 0 |
| Oct 9 | 0 |
| Oct 10 | 0 |
| Oct 11 | 0 |
| Oct 12 | 0 |
| Oct 13 | 0 |
| Oct 14 | 0 |
| Oct 15 | 0 |
| Oct 16 | 0 |
- 10 skills (10 skills found in its SKILL.md files)
- 19 forks (19 forks)
- 1d ago last update (Last updated 1d ago)
Install
Skills CLI
npx skills add ceilf6/FrontAgent
Asks which skills and agents to install. Just one: npx skills add ceilf6/FrontAgent --skill frontend-design — add -g for every project.
Claude Code
git clone https://github.com/ceilf6/FrontAgentcp -r "FrontAgent/skills/frontend-design" ~/.claude/skills/
Copies the frontend-design skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add ceilf6/FrontAgent
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
frontend-design
Create distinctive, production-grade frontend interfaces with a clear visual direction while respecting project design specification constraints, existing design systems, and minimal-diff engineering boundaries. Use when building or restyling pages, landing screens, dashboards, marketing surfaces, or other frontend UI where visual quality materially affects the result.
skills/frontend-design/SKILL.md on GitHub (opens in a new tab) -
frontend-reviewer
Review frontend code, UI changes, generated implementations, and pull requests with severity-based findings and checklist-driven analysis. Use when auditing React/TypeScript/CSS code, validating AI-generated frontend output, performing acceptance review before merge, or checking whether a frontend change is safe to ship.
skills/frontend-reviewer/SKILL.md on GitHub (opens in a new tab) -
requirement-interviewer
Gather missing product, UX, technical, and delivery constraints before planning or coding. Use when a request is underspecified, when several implementations are plausible, when frontend work needs explicit acceptance criteria, or when the agent must ask structured questions before acting.
skills/requirement-interviewer/SKILL.md on GitHub (opens in a new tab) -
skill-lifecycle
Create, evaluate, improve, and benchmark content skills using the local Skill Lab workflow. Use when adding a new skill, tuning an existing skill's trigger behavior, iterating on SKILL.md instructions, or deciding whether a candidate skill should replace the current version.
skills/skill-lifecycle/SKILL.md on GitHub (opens in a new tab) -
gitnexus-cli
Use when the user needs to run GitNexus CLI commands like analyze/index a repo, check status, clean the index, generate a wiki, or list indexed repos. Examples: "Index this repo", "Reanalyze the codebase", "Generate a wiki"
.agents/skills/gitnexus/gitnexus-cli/SKILL.md on GitHub (opens in a new tab) -
gitnexus-debugging
Use when the user is debugging a bug, tracing an error, or asking why something fails. Examples: "Why is X failing?", "Where does this error come from?", "Trace this bug"
.agents/skills/gitnexus/gitnexus-debugging/SKILL.md on GitHub (opens in a new tab) -
gitnexus-exploring
Use when the user asks how code works, wants to understand architecture, trace execution flows, or explore unfamiliar parts of the codebase. Examples: "How does X work?", "What calls this function?", "Show me the auth flow"
.agents/skills/gitnexus/gitnexus-exploring/SKILL.md on GitHub (opens in a new tab) -
gitnexus-guide
Use when the user asks about GitNexus itself — available tools, how to query the knowledge graph, MCP resources, graph schema, or workflow reference. Examples: "What GitNexus tools are available?", "How do I use GitNexus?"
.agents/skills/gitnexus/gitnexus-guide/SKILL.md on GitHub (opens in a new tab) -
gitnexus-impact-analysis
Use when the user wants to know what will break if they change something, or needs safety analysis before editing code. Examples: "Is it safe to change X?", "What depends on this?", "What will break?"
.agents/skills/gitnexus/gitnexus-impact-analysis/SKILL.md on GitHub (opens in a new tab) -
gitnexus-refactoring
Use when the user wants to rename, extract, split, move, or restructure code safely. Examples: "Rename this function", "Extract this into a module", "Refactor this class", "Move this to a separate file"
.agents/skills/gitnexus/gitnexus-refactoring/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.