Agentify Components
About
These are the components that a user can download to create MCP servers on the fly
Details
- Author
- anvosio
- GitHub stars
- 14
- Downloads
- 167
- Categories
- Other
Jump to
- Adds semantic metadata to React components
- Supports three component types: search bars, forms, buttons
- Provides decorator, HOC, and property-assignment patterns
- Generates an MCP server at build time
- Architecture with Decorator, Transformers, Generators, and CLI Tool
Install via npm install @anvosio/agentify-components. Annotate React components using the @AgentConfig decorator, the withAgentConfig HOC, or a direct agentConfig property. Create a generate.ts script that calls generateMCPServer(componentList, './mcpServer'), then run npm run build:mcp to produce the MCP server; npm run deploy:mcp publishes it.
Agentify Components
A framework for adding semantic metadata to React components, making them "agent-aware" for AI systems and automation tools.
Overview
Agentify Components solves the problem of making UI components understandable to AI agents. When AI assistants interact with web applications, they typically lack context about what components do, how to interact with them, and what data they handle.
This framework adds a semantic layer to your components through decorators that:
1. Register component metadata - Define what a component does and how it behaves
2. Provide a standardized schema - Create consistent metadata structures for different component types
3. Generate configuration files - Create an MCP server at build time
> 🚀 Note: This framework focuses on component metadata rather than behavior modification. It makes your components "self-describing" to AI systems without changing their functionality.
Installation
npm install @anvosio/agentify-components
Roadmap
Right now, this only generates an MCP server. The next most important milestone among other things is enabling to build local tools that can be passed to llms along with the other bunch of tools that your already building
This lets you have both frontend tools and backend tools
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
