为什么值得关注

它通过丰富的分面过滤和嵌入在组件内的适配指令，为 AI 代理提供了独特的检索层，使代理能复用零依赖组件，避免从头生成 UI。

适合谁使用

AI 编码代理与 LLM 工具开发者
前端开发者用于设计系统或快速原型
UI 设计师寻求结构化的组件知识库
研究代理驱动 UI 生成流程的研究人员

典型使用场景

AI 代理根据设计任务检索并组合 UI 组件
通过角色、风格和性能过滤组件快速搭建界面原型
用协调的组件集构建运动或主题页面（如作品集、编辑布局）
学习如何为代理可消费的 UI 库构建元数据

项目优势

600+ 组件覆盖 58 个主题，零外部依赖
精简的发现索引和分面过滤，支持高效代理检索
每个组件文件内嵌适配元数据（使用场景、避免场景、可编辑区域等）
清晰的检索协议和组合规则，支持系统化 UI 组装

使用前须知

主要为 AI 代理设计，人类浏览体验较弱，需理解数据模式
部分组件标记为 'needs-review'，可能未达到生产就绪
组件为独立 HTML 文件，无框架集成；适配时可能需要手动覆盖颜色/间距

README 快速开始

Forever AI Components

Identity

Forever AI Components is a structured design knowledge base and retrieval layer for AI coding agents.

The components are the database. The retrieval layer is the product.

The primary consumer is an AI agent building or improving a visual interface. The registry contains 600+ curated interface components, each structured with rich metadata across many facets and made retrievable by intent. The value is in the structure: every component is labelled, related, scored, and indexed so an agent can consistently retrieve the right one for a given design task, rather than generating UI blind.

Every component is a single .html file. Every component is a URL. Built with CSS, Canvas 2D, and SVG: zero external dependencies, no build step, no framework.

Live canvas: https://forever-components.vercel.app/infinite/ Agent entry point: https://raw.githubusercontent.com/isas1/forever-ai-components/main/agents.json Full index: https://raw.githubusercontent.com/isas1/forever-ai-components/main/infinite/components.index.json

Updated continuously: see ROADMAP.md.

Capabilities

An agent using this registry can:

Search: filter 600+ components across many structured facets
Select: choose the smallest useful set for a given task
Retrieve: fetch complete, ready-to-embed component source via URL
Compose: assemble multiple components into a coherent interface
Adapt: modify retrieved components to match project style, palette, and spacing
Explain: describe selection rationale and remaining work to the user

Decision strategy

When solving a UI task, follow this order:

Understand the requested outcome: what does the interface need to accomplish?
Infer the interface type: single component, page section, or full layout?
Search the index, filtering by useCases, technique, perfTier, style, mood
Prefer existing components over generating new UI from scratch
Prefer perfTier: cheap unless the task explicitly requires heavy animation
Prefer labels: accessible and labels: mobile-ready by default
Prefer low complexity when the component will be adapted
Only generate new UI if no suitable componen

项目描述

600+ zero-dependency animated web components. One HTML file each. Built for AI agents.

forever-ai-components