关于 elements
Elements Registry 是一项用于安装 tryelements.dev 组件的技能，组件面向生产环境。它涵盖多个提供方和类别，并为 AI 编码工具提供相应技能，以指导特定提供方的使用。
主要功能
- 01通过 shadcn CLI 安装组件
- 02提供面向编码工具的提供方技能
- 03涵盖多个类别的组件
- 04提供组件浏览文档
适用场景
- 01为项目添加组件
- 02为界面寻找特定提供方的组件
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/elements确认已加载。
详细介绍
Elements 注册表
从 tryelements.dev 安装可用于生产环境的组件。
安装组件
npx shadcn@latest add @elements/{name}
安装技能（适用于 AI 编码工具）
npx skills add crafter-station/elements --skill {skill-name}
可用技能：ai-elements、sfx-elements、devtools-elements、uploadthing-elements、github-elements、theme-elements、polar-elements、upstash-elements、tech-logos
提供方
| 提供方 | 数量 | 类别 | 技能 | 文档 |
|---|---|---|---|---|
| AI Elements | 35 | AI | /ai-elements | tryelements.dev/docs/ai-elements |
| 品牌标志 | 94+ | 品牌 | /tech-logos | tryelements.dev/docs/logos |
| SFX | 17 | 音频（React + 原始 MP3） | /sfx-elements | tryelements.dev/docs/sfx |
| 开发工具 | 8 | 开发工具 | /devtools-elements | tryelements.dev/docs/devtools |
| UploadThing | 7 | 文件 | /uploadthing-elements | tryelements.dev/docs/uploadthing |
| GitHub | 7 | 集成 | /github-elements | tryelements.dev/docs/github |
| 主题切换器 | 6 | UI | /theme-elements | tryelements.dev/docs/theme |
| Polar | 5 | 变现 | /polar-elements | tryelements.dev/docs/polar |
| Upstash | 5 | 数据库 | /upstash-elements | tryelements.dev/docs/upstash |
当用户询问特定提供方时，请使用上方对应的技能。
小型提供方（无专用技能）
AI 徽章（3 个组件）
npx shadcn@latest add @elements/ai-badge @elements/generate-badge @elements/use-ai-avatar
动画（1 个组件）
npx shadcn@latest add @elements/text-shimmer
Tinte（1 个组件）
npx shadcn@latest add @elements/tinte-editor
浏览全部
评论
支持 Markdown