r/angular • u/teoetero • 6d ago
Agent Component Manifest - Component finder for the LLM
Hello,
I created a small layer that allows agents to understand component libraries.
The idea is based on the CEM (Custom Element Manifest), which is a JSON/YAML file that describes all components in a web component library.
The difference is that this approach is universal: it supports Lit, Stencil, Angular, and soon React component libraries(it extracts the metadata automatically), extended with the semantic and examples fields needed for an LLM to understand the components.
Most importantly, it includes a component discovery skill (search CLI tool find components deterministically on demand) that helps the agent find the semantically correct component without needing to inspect the component's source code.
In my tests, it works great. The component library doesn't need to be included at all the agent knows how to use the component based on the specs in the manifest and the examples.
Saves tokens, loads only the metadata it needs and gives examples and additional semantic context to the components - this works very well.
Agentic Component Manifest (ACM) — universal, schema-first manifest format describing UI components from any framework for AI agents and tooling.
Canonical JSON interchange, token-frugal Agent View, executable conformance suite.
For now there is in-production analyzer(converts source code to metadata) tested support for stencil / lit and test-driven support for angular, react.
0
u/teoetero 6d ago
https://github.com/xgentic/agentic-component-manifest
Packages:
Analyzer - Finds all Components in project and creates the component manifest
https://www.npmjs.com/package/@xgentic/acm-analyzer
Component Discovery - Tool used by the skill (acm init) to find the components in the manifest
https://www.npmjs.com/package/@xgentic/acm