radix

0
B

Radix UI primitives for accessible React components. Covers dialogs, dropdowns, popovers, and form controls. Triggers on radix, Dialog, Popover, DropdownMenu.

CommandsAgentsMarketplace
#accessible React#React components#radix#React#Popover#Dialog#components#accessible

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install settlemint/agent-marketplace/radix
skilz install settlemint/agent-marketplace/radix --agent opencode
skilz install settlemint/agent-marketplace/radix --agent codex
skilz install settlemint/agent-marketplace/radix --agent gemini

First time? Install Skilz: pip install skilz

Works with 14 AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/settlemint/agent-marketplace
2. Copy the agent skill directory:
cp -r agent-marketplace/devtools/skills/radix ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Type
Other
Meta-Domain
Primary Domain
Market Score
0

Agent Skill Grade

B
Score: 80/100 Click to see breakdown

Score Breakdown

Spec Compliance
13/15
PDA Architecture
21/30
Ease of Use
22/25
Writing Style
8/10
Utility
17/20
Modifiers: -1

Areas to Improve

  • Missing Reference Files
  • Missing Table of Contents
  • Verbose Code Examples

Recommendations

  • Address 1 high-severity issues first
  • Add trigger phrases to description for discoverability
  • Add table of contents for files over 100 lines

Graded: 2026-01-19

Developer Feedback

I took a look at your radix skill and wanted to share some thoughts.

Links:

The TL;DR

You're at 80/100, solidly in B territory - good fundamentals with some room to polish. This is based on Anthropic's skill best practices rubric across five pillars. Your strongest area is Ease of Use (22/25) with comprehensive triggers and clear metadata. The weakest spot is Progressive Disclosure Architecture (21/30) - your 312-line single file needs some structure work.

What's Working Well

  • Triggers are chef's kiss - You've got specific component names (Dialog, Dropdown, Select), pattern intents like "create modal", and even artifact-level triggers. That's exactly what makes skills discoverable.
  • Code examples are solid - The Dialog, Dropdown, and Select examples show real patterns like controlled state and the asChild prop. Developers can actually use these immediately.
  • Clear constraints - You're explicit about what Radix provides (accessibility, unstyled components) and what it doesn't handle (styling decisions), which prevents confusion.

The Big One: Organize Into Multiple Files

Severity: High (+5 points potential)

Your skill file is doing too much in one place. At 312 lines, you've got MCP query patterns, three full code examples, research instructions, and success criteria all mixed together. This hurts your Progressive Disclosure Architecture score because it forces users to wade through everything to find what they need.

The fix: Create a references/ directory with:

  • references/mcp-queries.md - MCP patterns and library IDs
  • references/code-examples.md - The three component examples
  • references/research-patterns.md - Your research section

Keep your main SKILL.md focused on quick_star...

AI-Detected Topics

Extracted using NLP analysis

accessible React React components radix React Popover Dialog components accessible dialogs Covers dialogs

Report Security Issue

Found a security vulnerability in this agent skill?