Dragoon0x/score
.agents/skills/score/SKILL.md
Run a full 0-100 OPTIK design quality analysis on the current interface or component. Produces category scores for Typography, Color, Layout, Motion, and Accessibility with specific issue callouts and fix suggestions.
development
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add Dragoon0x/optik scoreInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 24, 2026, 8:55 PM1.8s1 file scanned
SKILL.md
- name:
- score
- description:
- Run a full 0-100 OPTIK design quality analysis on the current interface or component. Produces category scores for Typography, Color, Layout, Motion, and Accessibility with specific issue callouts and fix suggestions.
- user-invokable:
- true
/score — Design Quality Score
Run the full OPTIK scoring engine against the current codebase or specified component.
Output Format
OPTIK Score: 78/100 [■■■■■■■■░░] Strong
Typography 82 [■■■■■■■■░░] Scale ratio: 1.25, hierarchy depth: 5
Color 75 [■■■■■■■░░░] Palette: 8 colors, contrast: AA pass
Layout 84 [■■■■■■■■░░] Grid-aligned: 94%, responsive: 3 breakpoints
Motion 60 [■■■■■■░░░░] 3 transitions, no reduced-motion fallback
Accessibility 72 [■■■■■■■░░░] Focus styles: yes, semantic HTML: partial
Issues (5):
⚠ No prefers-reduced-motion query [-10 motion]
⚠ 2 spacing values off 4px grid [-6 layout]
⚠ Missing max-width on .content [-10 layout]
✓ Type scale consistent (ratio 1.25)
✓ All colors use CSS custom properties
Scoring Weights
Typography: 25% | Color: 25% | Layout: 25% | Motion: 10% | Accessibility: 15%
Thresholds
- 90-100: Exceptional — ship with confidence
- 80-89: Strong — minor refinements only
- 65-79: Needs work — address issues before shipping
- 40-64: AI slop detected — significant rework required
- 0-39: Design emergency — start over with intentional decisions
Run /score after every major change. Track improvement with /trend.
Related Skills
Dragoon0x/audit
testing
VerifiedTrustedCommunity
Comprehensive design quality audit with severity ratings, specific line references, and actionable fix instructions. Deeper than /score — examines every declaration.
SKILL.mdUpdated Apr 17, 2026
Dragoon0x/aria
testing
VerifiedTrustedCommunity
Audit and fix ARIA attributes. Ensures proper aria-label, aria-hidden, aria-live, and role usage throughout the interface.
SKILL.mdUpdated Apr 17, 2026
Dragoon0x/.gemini/skills/animate
content-media
VerifiedTrustedCommunity
--- name: animate description: Add purposeful motion and transitions to the interface. Focuses on high-impact moments: page load reveals, hover states, and scroll-triggered entries. Not decorative jitter. user-invokable: true --- # /animate — Purposeful Motion Add motion that serves a purpose: **Page load:** Staggered fade-up reveals for above-fold content. Use animation-delay in 80-120ms increments. Total reveal sequence should complete within 600ms. **Hover states:** Scale (1.02-1.05), sub
SKILL.mdUpdated Apr 17, 2026
Dragoon0x/align
testing
VerifiedTrustedCommunity
Verify visual alignment across sections. Check that headings, text, images, and components share consistent alignment points.
SKILL.mdUpdated Apr 17, 2026