Installs, composes, and styles zard/ui Angular components via the zard-cli and registry.
npx skills add https://github.com/zard-ui/zardui --skill zard
Please help me install this Agent Skill. Skill: zard Source: https://github.com/zard-ui/zardui/tree/main/skills/zard Command: npx skills add https://github.com/zard-ui/zardui --skill zard
Working with zard/ui requires knowing the real component APIs, the project configuration in components.json, and the correct CLI commands — guessing inputs or import paths is the most common failure mode. This Skill grounds every action in the actual project configuration, the published registry, and the component documentation instead of remembered APIs.
Ask the assistant to set up zard/ui in your Angular project and add a button and card component using the project's package manager.
High-intent search queries and answers about installing and using this skill.
Run npx zard-cli add <name> with your project's package runner after init has written components.json. The CLI resolves npm dependencies and other registry items automatically, then writes the component source into the directory configured by aliases.components.
Run npx zard-cli init --type nx --project <name> to configure the workspace application. Nx project types write path aliases to tsconfig.base.json instead of the project tsconfig, and Tailwind is configured per project rather than at the workspace root.
Yes, init supports angular-library, nx-library, and analog project types. Libraries skip app.config.ts registration and ship theme CSS as an asset, while Analog uses the Tailwind Vite plugin instead of PostCSS.
Icons render nothing when the symbol is not registered with provideIcons in the component's viewProviders. The icon family comes from the icons field in components.json, and the template name must exactly match the imported @ng-icons symbol.
Yes, set registryUrl in components.json or ZARD_REGISTRY_URL in the environment to point at your own registry. The registry must serve registry.json, per-item JSON files, and icons.json matching the published schemas.
zard-cli has only two commands: init to set up a project and add to install components. There is no search, view, diff, info, or build command — use the registry index or the zard-mcp server to discover components and read documentation.
mustafazeydaniConfigure React apps with Tailwind CSS v4, shadcn/ui, and Vite.
ArmyGuy255AProvide CoreUI Angular Pro UI components and layout patterns for admin dashboards.
Prathmesh2000Automate MCP server integration and tool orchestration for AI agents.
oguzhan18Document best practices and debugging guidance for shadcn-ng Angular components.
