ardot-generate-library
CommunityBuild reusable components and design systems in Ardot.
Design & Creative#design-system#design-tokens#component-library#ui-automation#ardot#variable-bindings
Authorbalabalabalading
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Ardot-based teams building UI libraries often struggle to maintain consistency across components and design systems, including tokens and variable bindings. This skill provides a complete workflow to generate reusable components and validate them end-to-end within Ardot.
Core Features & Use Cases
- Automates the creation of a component library scaffold and design system in Ardot.
- Manages design tokens and variable bindings to enable theme-aware components.
- Use Case: Create a library of UI primitives (buttons, cards, inputs) with consistent spacing, colors, and typography across Light and Dark modes.
Quick Start
Run the Ardot workflow to initialize a reusable component library and design system using tokens and variable bindings.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ardot-generate-library Download link: https://github.com/balabalabalading/huuuuuuho-skills/archive/main.zip#ardot-generate-library Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.