How do I install the Elements skill?

Run npx skillmds@latest add crafter-station/elements in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Elements safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Elements?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Elements free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Elements?

crafter-station (@crafter-station) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Elements by crafter-station — Agent Skill

Name: Elements
Author: crafter-station

Elements

Browse and install components from the Elements registry (tryelements.dev). Use when user asks about available components, wants to explore providers, says "elements", "component library", "what components", "install from registry", "tryelements", or needs to find the right component category.

File contents

Elements Registry

Install production-ready components from tryelements.dev.

Install Components

npx shadcn@latest add @elements/{name}

Install Skills (for AI coding tools)

npx skills add crafter-station/elements --skill {skill-name}

Available skills: ai-elements, sfx-elements, devtools-elements, uploadthing-elements, github-elements, theme-elements, polar-elements, upstash-elements, tech-logos

Providers

Provider	Count	Category	Skill	Docs
AI Elements	35	AI	`/ai-elements`	tryelements.dev/docs/ai-elements
Brand Logos	94+	Brand	`/tech-logos`	tryelements.dev/docs/logos
SFX	17	Audio (React + raw MP3)	`/sfx-elements`	tryelements.dev/docs/sfx
Dev Tools	8	Dev Tools	`/devtools-elements`	tryelements.dev/docs/devtools
UploadThing	7	Files	`/uploadthing-elements`	tryelements.dev/docs/uploadthing
GitHub	7	Integration	`/github-elements`	tryelements.dev/docs/github
Theme Switcher	6	UI	`/theme-elements`	tryelements.dev/docs/theme
Polar	5	Monetization	`/polar-elements`	tryelements.dev/docs/polar
Upstash	5	Database	`/upstash-elements`	tryelements.dev/docs/upstash

When the user asks about a specific provider, use the corresponding skill above.

Small Providers (no dedicated skill)

AI Badges (3 components)

npx shadcn@latest add @elements/ai-badge @elements/generate-badge @elements/use-ai-avatar

Animations (1 component)

npx shadcn@latest add @elements/text-shimmer

Tinte (1 component)

npx shadcn@latest add @elements/tinte-editor

Browse All

https://tryelements.dev/docs

---name: elementsdescription: Browse and install components from the Elements registry (tryelements.dev). Use when user asks about available components, wants to explore providers, says "elements", "component library", "what components", "install from registry", "tryelements", or needs to find the right component category.---# Elements RegistryInstall production-ready components from `tryelements.dev`.## Install Components```bashnpx shadcn@latest add @elements/{name}```## Install Skills (for AI coding tools)```bashnpx skills add crafter-station/elements --skill {skill-name}```Available skills: `ai-elements`, `sfx-elements`, `devtools-elements`, `uploadthing-elements`, `github-elements`, `theme-elements`, `polar-elements`, `upstash-elements`, `tech-logos`## Providers| Provider | Count | Category | Skill | Docs ||----------|-------|----------|-------|------|| AI Elements | 35 | AI | `/ai-elements` | tryelements.dev/docs/ai-elements || Brand Logos | 94+ | Brand | `/tech-logos` | tryelements.dev/docs/logos || SFX | 17 | Audio (React + raw MP3) | `/sfx-elements` | tryelements.dev/docs/sfx || Dev Tools | 8 | Dev Tools | `/devtools-elements` | tryelements.dev/docs/devtools || UploadThing | 7 | Files | `/uploadthing-elements` | tryelements.dev/docs/uploadthing || GitHub | 7 | Integration | `/github-elements` | tryelements.dev/docs/github || Theme Switcher | 6 | UI | `/theme-elements` | tryelements.dev/docs/theme || Polar | 5 | Monetization | `/polar-elements` | tryelements.dev/docs/polar || Upstash | 5 | Database | `/upstash-elements` | tryelements.dev/docs/upstash |When the user asks about a specific provider, use the corresponding skill above.## Small Providers (no dedicated skill)### AI Badges (3 components)```bashnpx shadcn@latest add @elements/ai-badge @elements/generate-badge @elements/use-ai-avatar```### Animations (1 component)```bashnpx shadcn@latest add @elements/text-shimmer```### Tinte (1 component)```bashnpx shadcn@latest add @elements/tinte-editor```## Browse Allhttps://tryelements.dev/docs

Frequently asked questions