front-end-skill
Brief description of what this Skill does and when to use it (project)
50
25%
Does it follow best practices?
Impact
91%
1.09xAverage score across 3 eval scenarios
Advisory
Suggest reviewing before use
Optimize this skill with Tessl
npx tessl skill review --optimize ./data/skills-md/0xgeorgemathew/splithub/front-end-skill/SKILL.mdEvaluation results
97%
7%SplitHub Onboarding Screen Redesign
Typography and font loading
next/font/google import
100%
100%
Font loaded in layout
100%
100%
No banned fonts
100%
100%
Distinctive font choice
100%
100%
High-contrast pairing
100%
100%
Weight extremes
100%
100%
Size jump scale
100%
100%
design-notes explains pairing
100%
100%
No system font fallback as primary
100%
100%
Tailwind CSS styling
0%
70%
89%
5%Payment Confirmation Screen
Animation and NFC tap feedback
framer-motion used
100%
100%
Staggered entrance
91%
100%
NFC tap feedback animation
100%
100%
CSS transitions for hover/focus
0%
50%
High-impact focus
80%
100%
ANIMATION_NOTES mentions stagger
100%
100%
ANIMATION_NOTES mentions hover handling
100%
100%
Tailwind CSS styling
100%
25%
TypeScript props typed
100%
100%
No scattered micro-interactions
70%
100%
88%
12%SplitHub Dashboard Home Page
Color theming and atmospheric backgrounds
CSS variables for theme
25%
83%
Dark theme applied
100%
100%
No purple-on-white
100%
100%
Dominant color with sharp accent
100%
100%
Atmospheric background
100%
100%
No solid-only background
100%
100%
DESIGN_DECISIONS explains palette
100%
100%
DESIGN_DECISIONS explains background depth
100%
100%
DESIGN_DECISIONS explains CSS variable usage
62%
100%
Tailwind CSS styling
0%
25%
Mobile-first layout
50%
50%
- Repository
- NeverSight/skills_feed
- Commit
f772de4
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Table of Contents
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.