Agentify Components
About
These are the components that a user can download to create MCP servers on the fly
Details
- License
- MIT
Explore
- 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
npm install @anvosio/agentify-components
See the setup guide for detailed configuration options for each component type.
string
`z.string()`
number
`z.number()`
boolean
`z.boolean()`
array
`z.array(z.string())`
object
`z.object({})`
integer
`z.number()`
float
`z.number()`
date
`z.date()`
datetime
`z.date()`
time
`z.date()`
When generating the MCP server, the following JSON Schema to Zod type mappings are used:
| JSON Schema Type | Zod Schema Type |
|-----------------|----------------|
| string | z.string() |
| number | z.number() |
| boolean | z.boolean() |
| array | z.array(z.string()) |
| object | z.object({}) |
| integer | z.number() |
| float | z.number() |
| date | z.date() |
| datetime | z.date() |
| time | z.date() |
These mappings are used when converting the component metadata to the appropriate format for the MCP server tools.
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.
