Frontend development tools for AI-assisted coding
Vercel's official collection of packaged instructions and scripts that extend AI coding agent capabilities.
A Claude skill to inspect and build Figma design systems with WCAG checks, component scoring, and optional code sync.
Extract any website's complete design system with one command.
Bidirectional MCP bridge that lets AI draw UI directly on Figma canvas and read designs back as structured data.
Argos is an open source visual testing platform that detects unintended UI changes to help teams maintain quality.
Generate design system documentation for UI components directly from your AI agent, rendering into Figma or portable .md files.
Drag-and-drop UI for building LLM flows and AI agents. Visual LangChain builder with no-code interface.
Local Figma MCP server with no rate limits, no quotas, and a verification loop for AI coding agents.
A browser extension and MCP server that captures live web pages as structured, agent-ready UI context for AI coding assistants.
An MCP server that lets AI tools read, analyze, and modify Figma designs directly.
An MCP server that bridges Figma designs with AI development workflows, providing tools for extracting pixel-perfect code and assets.
Connect AI assistants like Claude to Penpot designs via Model Context Protocol for automated design workflows.
Convert screenshots or design mockups into functional frontend code. Supports HTML/Tailwind, React, Vue, and more.
AI-powered browser automation framework using CodeAgent and CDP for autonomous web interaction.
Portable SKILL.md-based frontend skills for AI coding agents including accessibility audits and fixing patterns.
A curated collection of SKILL.md-standard agent skills for pixel-faithful UI cloning across major AI coding assistants.
An Agent Skill for producing, reviewing, and improving standalone single-file HTML artifacts.
An open-source AI browser for autonomous agents with durable state, MCP control, and human supervision.
