react

0
B

React 19 components with Tailwind CSS v4, shadcn/ui, forms, tables, routing, data fetching, and i18n. Triggers on .tsx files, component, tailwind, tanstack, form, table, router.

CommandsAgentsMarketplace
#Tailwind CSS#Tailwind#tanstack#Fetch TanStack#form#table#TanStack Form#TanStack Table

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/react
skilz install settlemint/agent-marketplace/react --agent opencode
skilz install settlemint/agent-marketplace/react --agent codex
skilz install settlemint/agent-marketplace/react --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/react ~/.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: 81/100 Click to see breakdown

Score Breakdown

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

Areas to Improve

  • Redundant anti_patterns section
  • Duplicate component pattern
  • Second-person voice in quick_start

Recommendations

  • 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 react skill and wanted to share some thoughts.

Links:

The TL;DR

You're at 81/100, solidly in B territory—that's good work. This evaluation is based on Anthropic's skill best practices rubric. Your strongest area is Ease of Use (22/25) with excellent trigger coverage and clear workflows. The weaker spots are Progressive Disclosure Architecture (23/30) and Utility (17/20), both dragged down by some redundancy and missing error-handling guidance.

What's Working Well

  • Trigger coverage is chef's kiss. You've got both intent triggers ("React hooks", "component patterns") and artifact triggers (regex for .tsx files). This skill activates when it should.
  • Clear routing table maps user intents to specific actions—that's practical and saves users from figuring out what to do next.
  • Library IDs table is smart. Gives the skill the Context7 library IDs upfront so it doesn't waste tokens resolving them.
  • Success criteria checklist in the quick_start gives users a way to validate they got what they needed.

The Big One: Redundancy in PDA

Your anti_patterns section duplicates your constraints section—both cover "don't use useEffect for derived state", "no 150+ line components", etc. This wastes tokens and tanks your PDA score.

Fix: Delete the entire <anti_patterns> section. Your constraints already say it all. That's a quick +2 points on token economy (takes you from 7/10 to 9/10 in that category).

Similarly, your <component_pattern> section in SKILL.md mirrors the template file almost exactly. Reference the template instead: "See templates/component.tsx.md for scaffolding." This cuts ~20 lines of fat.

Other Things Worth Fixing

  1. **Second-person voice in ...

AI-Detected Topics

Extracted using NLP analysis

Tailwind CSS Tailwind tanstack Fetch TanStack form table TanStack Form TanStack Table fetch TanStack Router

Report Security Issue

Found a security vulnerability in this agent skill?