Build accessible, keyboard-navigable, customizable design systems using Shadcn UI and Radix primitives.
Andromity loads skills from folders you trust. Install with andromity skill install shadcn-ui-radix — autonomy and approval limits stay configurable per session.
# Install the "Shadcn UI & Radix Primitives" skill You are installing an AgenticMarket skill into this workspace. Follow these steps exactly. ## 1. Detect your environment and choose the destination file - Andromity: `.andromity/skills/shadcn-ui-radix/SKILL.md` (or user scope `~/.andromity/skills/shadcn-ui-radix/SKILL.md`) - Antigravity / Gemini CLI: `.agent/skills/shadcn-ui-radix/SKILL.md` - Cursor: `.cursor/rules/shadcn-ui-radix.mdc` - Claude Code: append to `CLAUDE.md` (or `.claude/skills/shadcn-ui-radix.md`) - Windsurf: append to `.windsurfrules` - Cline / Roo Code: `.clinerules/shadcn-ui-radix.md` - GitHub Copilot: append to `.github/copilot-instructions.md` - ChatGPT / web only: paste the content into Custom Instructions - Any other agent: save to `.agent/skills/shadcn-ui-radix/SKILL.md` ## 2. Create the destination file - Preserve every existing file and configuration entry. - Create parent folders as needed. - Never overwrite unrelated content. ## 3. Write exactly this content ```markdown --- name: shadcn-ui-radix description: "Build accessible, keyboard-navigable, customizable design systems using Shadcn UI and Radix primitives." author: community license: mit version: 1.0.0 --- # Shadcn UI & Radix Primitives Best practices for Shadcn UI components: - Maintain atomic components in `@/components/ui`. - Use Class Variance Authority (`cva`) for consistent variant and size definitions. - Preserve Radix ARIA accessibility attributes across all interactive dialogs, tooltips, and dropdowns. ``` ## 4. Verify - Confirm the file exists and is readable. - Report the destination path and confirm the "Shadcn UI & Radix Primitives" skill is installed and active. Skill metadata: - Slug: shadcn-ui-radix - Category: design - License: mit - Source: AgenticMarket
Best practices for Shadcn UI components:
AgenticMarket@/components/ui.cva) for consistent variant and size definitions.Build accessible, keyboard-navigable, customizable design systems using Shadcn UI and Radix primitives.
Shadcn UI & Radix Primitives works seamlessly with Cursor (.cursor/rules), Claude Code (CLAUDE.md & .claude/skills), Windsurf (.windsurfrules), Google Antigravity (.agent/skills), Andromity (.andromity/skills), and Cline.
Click '1-Click Prompt Install' in the right sidebar or copy the prompt into your agent chat (Cursor Composer, Claude Code, or Andromity). The agent automatically configures the skill instruction file into your workspace.
Yes, Shadcn UI & Radix Primitives is 100% free and open-source under the mit license on AgenticMarket with no per-call fees or paywalls.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
