Skip to content

v0.1.0 — First Release

Choose a tag to compare

View all tags
@himerus himerus released this 10 Mar 18:06
· 164 commits to main since this release
v0.1.0
577cd23

HELiXiR v0.1.0

Give AI agents full situational awareness of any web component library.

HELiXiR is an MCP server that connects AI coding assistants to your Custom Elements Manifest. Instead of hallucinating component APIs, your AI agent gets the real thing — every property, event, slot, CSS part, and design token, sourced directly from your library's CEM.

What It Does

30+ MCP Tools in 10 Categories

  • Discovery — List components, search by name or description, get library summaries, browse by category
  • Component API — Full metadata for any component: members, events, slots, CSS parts, CSS custom properties. Generate import statements, usage snippets, and prose narratives optimized for LLM comprehension
  • Health Scoring — Grade components A–F on documentation completeness. Track health trends over time. Compare branches before/after
  • Safety — Diff CEM between branches. Scan for breaking changes across your entire library before you ship
  • Composition — Generate realistic multi-component HTML examples using slot structure
  • Design Tokens — List, search, and find which components use a given token
  • TypeScript Diagnostics — Run TS compiler diagnostics on individual files or the full project
  • Storybook — Generate CSF3 story files from CEM declarations
  • Bundle Analysis — Estimate minified+gzipped bundle size for any component
  • Benchmarking — Compare 2–10 web component libraries by health score, docs quality, and API surface

Framework Support

Works with any library that produces a custom-elements.json: Shoelace, Lit, Stencil, FAST, Adobe Spectrum, Material Web, Vaadin, Carbon, Ionic, Lion, Fluent UI, PatternFly, and more.

Multi-Library Support

Load multiple component libraries simultaneously. Compare them side-by-side. Benchmark across libraries.

Editor Integration

Works with Claude Code, Claude Desktop, Cursor, VS Code (Cline/Continue), and Zed — config examples for each in the README.

Install

npm install -g helixir
npx helixir init

Or use directly with npx — no install required:

npx helixir

Links

Assets 2
Loading