react
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.
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 22+ AI coding agents
Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...
Extract and copy to ~/.claude/skills/ then restart Claude Desktop
git clone https://github.com/settlemint/agent-marketplace cp -r agent-marketplace/devtools/skills/react ~/.claude/skills/ Need detailed installation help? Check our platform-specific guides:
Related Agentic Skills
automating-mail
by SpillwaveSolutionsAutomates Apple Mail via JXA with AppleScript dictionary discovery. Use when asked to "automate email", "send mail via script", "JXA Mail automation",...
automating-reminders
by SpillwaveSolutionsAutomates Apple Reminders using JavaScript for Automation (JXA). Use when asked to "create reminders programmatically", "automate reminder lists", "JX...
mastering-postgresql
by SpillwaveSolutionsPostgreSQL development for Python with full-text search (tsvector, tsquery, BM25 via pg_search), vector similarity (pgvector with HNSW/IVFFlat), JSONB...
automating-contacts
by SpillwaveSolutionsAutomates macOS Contacts via JXA with AppleScript dictionary discovery. Use when asked to "automate contacts", "JXA contacts automation", "macOS addre...
Agentic Skill Details
- Owner
- settlemint (GitHub)
- Repository
- agent-marketplace
- Type
- Other
- Meta-Domain
- N/A
- Primary Domain
- N/A
- Market Score
- 81.0
Agent Skill Grade
B
Score: 81/100
Click to see breakdown
Score Breakdown
Areas to Improve
- Anti-patterns section duplicates content already in constraints section, wasting tokens
- Component pattern in SKILL.md duplicates the template file, adding ~20 lines of redundancy
- Uses 'your task' which is second-person; skill spec prefers imperative/infinitive
Recommendations
- Add trigger phrases to description for discoverability
- Add table of contents for files over 100 lines
Graded: 1/19/2026
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
.tsxfiles). 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
Second-person voice in quick_start — You write "Fetch docs for your task" but spec prefers imperative. Change to "Fetch docs for the current task." Small thing, +0.5 points on writing style.
Missing error handling guidance — No fallback if Context7 is unavailable. Add a note like: "If Context7 unavailable, check node_modules types or reference the research section patterns." This bumps feedback_loops from 3/4 to 4/4.
Description needs more trigger phrases — You've got 1-2 in the description; add 3-4 more short phrases to help discoverability. Something like "React components", "hooks patterns", "TypeScript React".
Add a TOC for files over 100 lines — At ~274 lines, a simple table of contents at the top would make navigation easier and score better on navigation signals.
Quick Wins
- Delete
<anti_patterns>section entirely (+2 points) - Replace
<component_pattern>with template reference (+1 point) - Fix second-person voice in quick_start (+0.5 points)
- Add error-handling fallback guidance (+1 point)
- Expand description triggers and add TOC
These fixes should get you into the 85-87 range without major restructuring.
Checkout your skill here: SkillzWave.ai | SpillWave We have an agentic skill installer that install skills in 14+ coding agent platforms. Check out this guide on how to improve your agentic skills.
AI-Detected Topics
Extracted using NLP analysis
Report Security Issue
Found a security vulnerability in this agent skill?