ImAiFox
ImAiFox
ExploreStacksCategories
Search boosters…
Open Source First·AI-Graded A–F·Updated Hourly·4 Booster Types
ImAiFoxImAiFox

© 2026 ImAiFox · Your AI Superpowers, Curated.

ExploreStacksCategories

Explore AI Boosters

109 boosters for "component" — AI-graded, open source, ready to install

501 Skills443 Agents584 MCP Servers1239 Prompts
Clear filters
Active:
"component"
Skill
D

Cursor Rules — Next.js 15 App Router

Heuristic scoring (no AI key configured).

by PatrickJS
nextjstypescript
23.1k1.8k
Page 1 of 5Next
Cu
Prompt
C

MultiPost-Extension — Cursor Rules

A Cursor IDE rules file providing comprehensive UI/styling guidelines for building responsive React components with HeroUI, Tailwind CSS, and accessibility best practices. Developers building social media automation tools in Cursor will benefit from these standardized component patterns and design specifications.

by leaperone
articleautomation
2.1k238
Cu
Prompt
C

hyper-fetch — Cursor Rules

A Cursor IDE rules booster providing React best practices and patterns for building modern web applications with functional components, hooks, and state management guidance.

by BetterTyped
ajaxbuilder
1.3k32
Cu
Agent
B

Agent Components Documentation

Heuristic scoring (no AI key configured).

by rush86999
agentic-workflowai
70565
CCCD
Skill
B

tool-ui

A debugging assistant that systematically analyzes errors, identifies root causes, and implements minimal fixes with verification for TypeScript and UI components. Ideal for developers working in Claude Code who need structured guidance on troubleshooting and fixing bugs.

by assistant-ui
aichat
54022
CC
Prompt
B

teek-design-vue3 — Cursor Rules

Cursor Rules for the Teek Vue3 admin dashboard system that enforces strict coding standards for component structure, TypeScript typing, and import organization. Developers working with Teek or similar Vue3+TypeScript projects benefit from consistent, enforceable code patterns.

by Kele-Bingtang
cursorrules
23751
Cu
Skill
C

sparc-integration

A system integration booster that merges and validates outputs from multiple AI modes into production-ready systems with consistency checks and modular architecture. Useful for developers building complex, multi-component applications.

by ruvnet
13346
CC
Prompt
B

spectrum-design-data — Cursor Rules

Heuristic scoring (no AI key configured).

by adobe
design-systemdesign-tokens
12925
Cu
Prompt
B

scaffold-stark-2 — Copilot Instructions

Scaffold-Stark 2 is a comprehensive Copilot instruction set for building dApps on Starknet using NextJS, providing developers with pre-built hooks, components, and best practices for smart contract interactions. Ideal for Starknet developers seeking a modern, well-structured development framework with out-of-the-box tooling.

by Scaffold-Stark
starknetcopilot
108172
CoPi
MCP Server
B

Mcp Design System Extractor MCP Server

An MCP server that extracts and analyzes components from Storybook design systems, enabling AI assistants to understand and work with design system documentation. Useful for designers, developers, and AI teams building design-aware applications.

by freema
mcpmodel-context-protocol
5113
CDCC
Prompt
B

v0-copilot — Copilot Instructions

A GitHub Copilot prompt that enables developers to rapidly generate production-ready React components and Storybook stories from wireframes, mimicking v0.dev's design-to-code workflow directly within the Copilot IDE.

by yf-yang
copilotjavascript
439
CoPi
Skill
B

figma

Figma skill enables AI assistants to programmatically access and manage design files, components, and comments via the Figma REST API. Developers and designers benefit from automated design workflows, asset exports, and workspace integration.

by vm0-ai
apiskill
394
CC
Agent
B

architect

An AI agent specialized in system design and architecture that helps developers make sound technical decisions across API design, scalability patterns, and component architecture. Ideal for teams building complex systems or making critical architectural choices.

by yi-john-huang
353
CC
Prompt
B

sunnysideFigma-Context-MCP — System Prompt

A comprehensive Figma MCP system prompt that enables AI development tools (Claude, Cursor, Windsurf) to automatically extract design systems, components, and pixel-perfect code directly from Figma designs. Developers using design-to-code workflows benefit from automated analysis without manual extraction.

by tercumantanumut
figma-mcpmcp
345
CCCDCuWS
Skill
B

figma

A Figma REST API skill that enables reading design files, exporting images, managing comments, and accessing design components—essential for developers and designers integrating Figma into automated workflows.

by NeverSight
learn-skillsskills
335
CC
Skill
B

mastergo

Enables Claude to fetch and analyze design structure, components, and metadata directly from MasterGo design files via shared links. Useful for designers, developers, and design systems teams who need to programmatically extract design documentation.

by NeverSight
learn-skillsskills
335
CC
Prompt
C

mad-tdd-mob-ai-driven — Cursor Rules

A Cursor rules booster that implements Micah Martin's Absolute Priority Premise (APP) to help developers write objectively better code by assigning mass values to code components and minimizing complexity. Useful for teams practicing MAD-TDD and EXACT-Coding methodologies.

by marcoemrich
cursorrules
327
Cu
Skill
C

lit-best-practices

A comprehensive guide to Lit web components best practices covering component structure, rendering, styling, events, lifecycle, accessibility, and performance optimization. Ideal for developers building or reviewing Lit-based custom elements and web components.

by NeverSight
learn-skillsskills
284
CC
MCP Server
C

Flyonui Mcp MCP Server

FlyonUI MCP is a Model Context Protocol server that integrates FlyonUI components with Claude, enabling AI-assisted UI development and design workflows.

by themeselection
flyonuimcp
269
CDCC
Agent
C

tdd-london-swarm

tdd-london-swarm is an agent that enforces test-driven development practices with a library-first constraint, helping teams reuse existing components and patterns before writing new code. It benefits development teams adopting TDD methodologies who want to maintain code consistency and reduce duplication.

by DNYoussef
agent
206
CCCD
Agent
C

adaptive-coordinator

adaptive-coordinator is an orchestration agent that coordinates multi-agent tasks while adhering to library-first development principles, helping teams reuse existing components and patterns. It benefits developers building complex agent workflows who want to avoid code duplication and maintain consistency across projects.

by DNYoussef
agent
206
CCCD
Agent
C

release-orchestration-agent

A DevOps agent that orchestrates software releases across projects using library-first patterns and reusable components. Developers and DevOps engineers benefit from automated, consistent release workflows.

by DNYoussef
agent
206
CCCD
Agent
C

sync-coordinator

The sync-coordinator agent manages synchronization tasks across Claude platforms with library-first constraints, enabling teams to maintain consistent code patterns and reusable components. It benefits developers building multi-project integrations who need centralized sync coordination.

by DNYoussef
agent
206
CCCD
Agent
D

data-steward

A data steward agent that enforces library-first development practices by checking component catalogs and patterns before implementing solutions. It helps teams maintain code reuse and consistency across projects.

by DNYoussef
agent
206
CCCD