create-element
✓Create new UI elements for tryelements.dev registry. Use when: (1) Adding new UI components (buttons, inputs, cards), (2) Building integration components (Clerk, Stripe, Uploadthing), (3) Creating theme-related elements, (4) Any shadcn-style registry component. IMPORTANT: For logo components with variants (icon/wordmark/logo + dark/light), use the logo-with-variants skill instead. This skill includes scaffolding, registry schema, and component patterns. ALWAYS use Context7 MCP to fetch latest dependency docs before implementing.
Installation
SKILL.md
Before implementing any component with external dependencies, fetch the latest documentation:
| radix-ui | Primitives (Dialog, Dropdown, Tabs, Select) | | next-themes | Theme provider, useTheme hook, hydration | | cmdk | Command palette patterns | | class-variance-authority | CVA variant patterns | | embla-carousel-react | Carousel implementation | | lucide-react | Icon usage patterns |
| registry:ui | button, card, input | Base UI primitives | | registry:block | theme-switcher, polar-checkout | Feature-complete blocks | | registry:example | button-demo | Usage examples |
Create new UI elements for tryelements.dev registry. Use when: (1) Adding new UI components (buttons, inputs, cards), (2) Building integration components (Clerk, Stripe, Uploadthing), (3) Creating theme-related elements, (4) Any shadcn-style registry component. IMPORTANT: For logo components with variants (icon/wordmark/logo + dark/light), use the logo-with-variants skill instead. This skill includes scaffolding, registry schema, and component patterns. ALWAYS use Context7 MCP to fetch latest dependency docs before implementing. Source: crafter-station/elements.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/crafter-station/elements --skill create-element- Source
- crafter-station/elements
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is create-element?
Create new UI elements for tryelements.dev registry. Use when: (1) Adding new UI components (buttons, inputs, cards), (2) Building integration components (Clerk, Stripe, Uploadthing), (3) Creating theme-related elements, (4) Any shadcn-style registry component. IMPORTANT: For logo components with variants (icon/wordmark/logo + dark/light), use the logo-with-variants skill instead. This skill includes scaffolding, registry schema, and component patterns. ALWAYS use Context7 MCP to fetch latest dependency docs before implementing. Source: crafter-station/elements.
How do I install create-element?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/crafter-station/elements --skill create-element Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/crafter-station/elements
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01