Skillzwave Logo
Skillzwave

react

81.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.

Commands Agents Marketplace
#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 22+ AI coding agents

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

automating-mail

by SpillwaveSolutions

Automates Apple Mail via JXA with AppleScript dictionary discovery. Use when asked to "automate email", "send mail via script", "JXA Mail automation",...

100
A
general
Marketplace
#excel#Mail.OutgoingMessage#Status

automating-reminders

by SpillwaveSolutions

Automates Apple Reminders using JavaScript for Automation (JXA). Use when asked to "create reminders programmatically", "automate reminder lists", "JX...

100
A
general
Marketplace
#app.lists.byName#excel#notes

mastering-postgresql

by SpillwaveSolutions

PostgreSQL development for Python with full-text search (tsvector, tsquery, BM25 via pg_search), vector similarity (pgvector with HNSW/IVFFlat), JSONB...

100
A
general
Marketplace
#references#search#vector

automating-contacts

by SpillwaveSolutions

Automates macOS Contacts via JXA with AppleScript dictionary discovery. Use when asked to "automate contacts", "JXA contacts automation", "macOS addre...

99
A
general
Marketplace
#excel#notes#Contacts.Person

Agentic Skill Details

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

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

  • 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 .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 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.

  2. 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.

  3. 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".

  4. 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

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?