← All skills
ai-elements
69 / 100 · Review before installing
Check before installing.
By zai-org/ZCode (GitHub) · design · 8,613 stars · scanned at commit b95ebaf
Build AI chat interfaces using ai-elements components — conversations, messages, tool displays, prompt inputs, and more. Use when the user wants to build a chatbot, AI assistant UI, or any AI-powered chat interface.
Works with any agent that supports SKILL.md skills.
What this skill can do
Downloads and installs other software
The author does not mention this.
Found in 51 places.
Show 17 more
- .agents/skills/ai-elements/references/artifact.md, line 19
npx ai-elements@latest add artifact - .agents/skills/ai-elements/references/attachments.md, line 19
npx ai-elements@latest add attachments - .agents/skills/ai-elements/references/audio-player.md, line 19
npx ai-elements@latest add audio-player - .agents/skills/ai-elements/references/canvas.md, line 19
npx ai-elements@latest add canvas - .agents/skills/ai-elements/references/chain-of-thought.md, line 19
npx ai-elements@latest add chain-of-thought - .agents/skills/ai-elements/references/checkpoint.md, line 19
npx ai-elements@latest add checkpoint - .agents/skills/ai-elements/references/code-block.md, line 19
npx ai-elements@latest add code-block - .agents/skills/ai-elements/references/commit.md, line 19
npx ai-elements@latest add commit - .agents/skills/ai-elements/references/confirmation.md, line 19
npx ai-elements@latest add confirmation - .agents/skills/ai-elements/references/connection.md, line 19
npx ai-elements@latest add connection - .agents/skills/ai-elements/references/context.md, line 19
npx ai-elements@latest add context - .agents/skills/ai-elements/references/controls.md, line 19
npx ai-elements@latest add controls - .agents/skills/ai-elements/references/conversation.md, line 19
npx ai-elements@latest add conversation - .agents/skills/ai-elements/references/edge.md, line 19
npx ai-elements@latest add edge - .agents/skills/ai-elements/references/environment-variables.md, line 19
npx ai-elements@latest add environment-variables - .agents/skills/ai-elements/references/file-tree.md, line 19
npx ai-elements@latest add file-tree - .agents/skills/ai-elements/references/image.md, line 19
npx ai-elements@latest add image
and 31 more places
Runs commands on your computer
This is disclosed by the author in the skill's SKILL.md or README.
Found in 1 place.
Sends data to these websites: api.openai.com
This is disclosed by the author in the skill's SKILL.md or README.
Found in 5 places.
Show 2 more
Can call paid AI services billed to you
The author does not mention this.
Found in 2 places.
Safer alternatives
Low-risk skills in the same category (design) that look related. Check that one does what you need.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'ai-elements' ] || [ -L ~/.agents/skills/'ai-elements' ]; then echo 'A skill folder named ai-elements already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/zai-org/ZCode' "$d" && git -C "$d" checkout --quiet 'b95ebaffeab641907b38652f45c1502bd762972d' -- '.agents/skills/ai-elements' && mkdir -p ~/.agents/skills && cp -R "$d"/'.agents/skills/ai-elements' ~/.agents/skills/'ai-elements' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'ai-elements' ~/.claude/skills/'ai-elements' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for zai-org/ZCode shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/zai-org/ZCode/)
Score history
| Date | Version | Score |
|---|
| 2026-11-11 | b95ebaf | 69 |
| 2026-11-08 | a9fe401 | 69 |
| 2026-11-07 | a9fe401 | 24 |