react-ui
Opinionated constraints for building better interfaces with agents.
67
50%
Does it follow best practices?
Impact
99%
1.41xAverage score across 3 eval scenarios
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./tests/ext_conformance/artifacts/agents-mikeastock/skills/react-ui/SKILL.mdEvaluation results
100%
58%Analytics Dashboard Component
Data display and loading states
Skeleton loading
100%
100%
Empty state action
0%
100%
Tabular nums for data
0%
100%
text-balance headings
0%
100%
text-pretty body
0%
100%
cn utility for classes
0%
100%
Tailwind defaults first
100%
100%
size-x for square elements
0%
100%
No useEffect for render logic
100%
100%
Tailwind color tokens
100%
100%
100%
8%Account Settings Page
Accessible forms, destructive actions, layout
AlertDialog for delete
100%
100%
Inline errors
100%
100%
h-dvh not h-screen
100%
100%
safe-area-inset
100%
100%
Accessible form primitives
100%
100%
No manual focus/keyboard
100%
100%
aria-label on icon buttons
100%
100%
No paste prevention
100%
100%
cn utility
0%
100%
No gradients
100%
100%
98%
22%Notification Toast System
Animation constraints and performance
motion/react library
0%
100%
Compositor props only
100%
100%
No layout prop animation
100%
100%
prefers-reduced-motion
100%
100%
Entrance easing
100%
100%
No custom easing curves
100%
100%
Interaction feedback duration
0%
100%
No unsolicited animation
100%
75%
No backdrop-filter animation
100%
100%
No will-change misuse
100%
100%
- Repository
- Dicklesworthstone/pi_agent_rust
- Commit
47823e3
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.