Frontend
Top open-source Frontend AI systems, agents, and MCP tools.
Discover and install verified Frontend AI systems, autonomous agent skills, and Model Context Protocol servers on AIStoreHub. Reusable, security-scanned, and ready for 1-click execution in Cursor, Claude Code, and terminal workflows.
Available AI Systems & Skills (24)
Open in Advanced FilterGridgeist turns product intent into a rigorous visual system—without the generic AI SaaS aftertaste.
A Claude Code skill that reverse-engineers any animation frame by frame, then proves the copy moves the same.
🎆 A Claude Code workflow that replicates ClaudeDesign — parallel design exploration, panel judging, synthesis, and adversarial refinement to a single world-class frontend page. 双语 README。
Neo.mjs is a self-evolving software organism: a professional end-to-end AI engineering team whose cross-model swarm inhabits live apps via Neural Link, Active Hybrid GraphRAG, DreamService, and self-healing loops.
A virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — 26 roles, 62 commands, 15,000+ lines of expert design knowledge. Your agency's design brain, inside your terminal.
Codex-first Agent Skills library for premium frontend, website, motion, accessibility, QA, and handoff workflows.
MCP server and design skill that grounds coding-agent UI work in real product screens. Two tools, npx-installable.
Component layer for AI agents: implementation-aware contracts for building project-native interface components.
Claude Code 最实用的 Skills / Agents / Plugins 精选合集 | 50+ 精选 | 按场景分类 | 带推荐等级 | 复制即装
make beautiful 3d websites in one skill, plus 50+ website prompts for you to use.
Web animation skill for Claude Code & Codex. 帮你做跟着滚动和鼠标动的网页动画。
Claude Code skill: a background Playwright browser for screenshots (desktop/tablet/mobile), frontend health checks, visual diffs, scripted UI flows and logged-in pages — in any project. ｜ 讓 Claude Code 擁有背景瀏覽器：多尺寸截圖、前端健檢、視覺比對、操作流程與登入頁面，適用任何專案。
Lint the rendered UI: catches overflowing text, low contrast, overlaps, broken responsive layouts, emoji icons and more in any web framework. Built for AI coding agents.
A UI/UX skill for coding agents to build distinctive, usable interfaces.
An MCP Server for Chrome DevTools, following the Chrome DevTools Protocol. Integrates with Claude Desktop and Claude Code.
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
The Developer Tool for Visual Engineers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1 Developer tool for Designers and Visual Engineers to design with Real Code.
🗂 The essential checklist for modern web development, for humans and AI agents
The design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful frontend. Install: npx skills add superdesigndev/superdesign-skill. Powered by superdesign.dev
RYUX gives AI agents the design intelligence to understand product context, make intentional design decisions, and evaluate what they create.
The AI-native CLI-first React component library. 160+ animated, accessible, production-ready components with MCP Server support for Cursor, Claude & GitHub Copilot. Copy-paste architecture — you own the code.
UI design skill for Claude Code, Codex and other AI agents: explore distinct directions, compare them side by side, refine against real screenshots. 给 AI Agent 用的 UI 设计 Skill。
Unofficial Claude Skill derived from the book Refactoring UI — a design rulebook and diagnostic layer for web UI. 151 tracked rules, design token generation, and Tailwind mappings.
Build & Monetize for Frontend
Have you created an autonomous agent, MCP server, or Claude Code skill for Frontend? Publish it to AIStoreHub with dual-currency checkout (USD $ + INR ₹) and earn 85–90% net revenue.