gaia-ui

作者 theexperiencecompany已验证

Beautifully designed components for building AI Agents 🌎

215
Stars
17
Forks
TypeScript
语言
2026/8/23
添加时间

⚠️ 第三方软件声明

本 Skill 为第三方开源软件,独立托管于 GitHub。SkillTip 仅为信息目录,不控制或维护底层仓库。所显示的安全检查为自动化且范围有限,安装前请自行审查源码。

阅读服务条款

安装

添加到你的 Claude Code skills 目录:

# Add to your Claude Code skills
git clone https://github.com/theexperiencecompany/gaia-ui

快速入门

使用 gaia-ui 等 Skills 的指南。

安全报告

已验证

上次扫描:—

{
  "status": "PASSED",
  "issues": []
}

README.md

untitled

GAIA UI - Component Registry

Status Documentation Latest Release

Contributors Open Issues License

Discord Twitter Follow

A collection of production-ready UI components designed specifically for building AI assistants and chatbots. These are the components we use at GAIA, now available for anyone building conversational interfaces.

button

Why This Library?

Building a great chat or assistant interface requires more than just generic UI components. We've spent countless hours refining these components to handle the unique challenges of conversational UIs.

Instead of reinventing the wheel, use the same battle-tested components that power GAIA.

Our Philosophy

Quality Over Quantity - We focus on shipping production-ready components that solve real problems. Each component is:

  • ✅ Battle-tested in production at GAIA
  • ✅ Designed to handle edge cases and real-world scenarios
  • ✅ Accessible, responsive, and performant
  • ✅ Solving problems better than existing alternatives

You won't find generic components that duplicate what's already available. If we're shipping it, it's because we use it in production and it adds genuine value to the ecosystem.

Getting Started

Add components to your project:

npx @heygaia/ui add navbar-menu

Add multiple components at once:

npx @heygaia/ui add raised-button chat-bubble tool-calls-section

Alternative: Using shadcn CLI

You can also use the shadcn CLI directly with the full registry URL:

npx shadcn@latest add https://ui.heygaia.io/r/navbar-menu.json

Or configure the @heygaia namespace in your components.json:

{
  "registries": {
    "@heygaia": "https://ui.heygaia.io/r/{name}.json"
  }
}

Then use namespace syntax:

npx shadcn@latest add @heygaia/navbar-menu

Base Components

This registry uses standard shadcn/ui base components. Install them separately:

npx shadcn@latest add button tooltip avatar dropdown-menu popover skeleton

Documentation

Current Status

GAIA UI is in beta. We're actively migrating components from our internal GAIA codebase, replacing HeroUI with shadcn/ui for better compatibility and smaller bundle sizes. The library is stable and used in production, but APIs may change as we refine components before v1.0.

View detailed roadmap →

Community & Support

Join our growing community of users and contributors:

  • Discord  Discord — Chat with the team and other users.
  • Twitter  Twitter — Get the latest news and updates.
  • GitHub  GitHub — Report issues and contribute.

Contributing

Contributors

We welcome contributions! Whether you're fixing bugs, improving documentation, or adding new components, we'd love your help.

Read the Contributing Guide →

Quick start for contributors:

  1. Fork the repository
  2. Create your component in registry/new-york/ui/
  3. Add entry to registry.json and run pnpm run registry:build
  4. Test locally with npx shadcn@latest add http://localhost:3000/r/[component-name].json
  5. Submit a pull request

Development

# Install dependencies
pnpm install

# Run dev server
pnpm run dev

# Build registry
pnpm run registry:build

# Type check
pnpm run type

Built With

  • Next.js 15 - For the documentation and registry
  • Tailwind CSS v4 - For styling
  • TypeScript - For type safety
  • Radix UI - For accessible primitives
  • Framer Motion - For animations
  • shadcn CLI - For component installation

Star History

Star History Chart

License

MIT License - feel free to use these components in your projects!


Made with ❤️ by The Experience Company

Discord Twitter GitHub

常见问题

What is gaia-ui?

gaia-ui is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by theexperiencecompany. Beautifully designed components for building AI Agents 🌎. It has 215 GitHub stars.

Is gaia-ui safe to use?

Yes. gaia-ui passed SkillsLLM's automated security scan — a dependency vulnerability audit plus prompt-injection heuristics — with no high-severity issues. You can read the full report in the Security Report section on this page.

How do I install gaia-ui?

Clone the repository with "git clone https://github.com/theexperiencecompany/gaia-ui" and add it to your Claude Code skills directory (see the Installation section above).

What programming language is gaia-ui written in?

gaia-ui is primarily written in TypeScript. It is open-source under theexperiencecompany on GitHub, so you can review or fork the full source.

Are there alternatives to gaia-ui?

Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh gaia-ui against similar tools.

评论 (0)

暂无评论,成为第一个分享想法的人!

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI 智能体ai-agentsbrainstorming
查看详情

hermes-agent

by NousResearch

10

The agent that grows with you

234,43747,175Python
AI 智能体ai-agentsagent-orchestration
查看详情

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI 智能体claude-codeai-tools
查看详情

claude-code

by anthropics

Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.

120,03119,897Shell
AI 智能体
查看详情

开发者还喜欢

基于喜欢此 Skill 的开发者投票和收藏

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI 智能体ai-agentsbrainstorming
查看详情

hermes-agent

by NousResearch

10

The agent that grows with you

234,43747,175Python
AI 智能体ai-agentsagent-orchestration
查看详情

n8n

by n8n-io

12

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

201,88160,308TypeScript
MCP 服务器apisai-tools
查看详情

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI 智能体claude-codeai-tools
查看详情