dragoon0x/optik

1

report Generate a shareable OPTIK score card. Produces an SVG/image showing score, category breakdowns, and grade.

dragoon0x/optik

5

2

score Run a full 0-100 OPTIK design quality analysis on the current interface or component. Produces category scores for Ty…

dragoon0x/optik

5

3

screen-reader Test the screen reader experience. Simulate how a screen reader would traverse the page and identify issues with read…

dragoon0x/optik

5

4

scroll-fx Add scroll-triggered reveals and parallax effects. Uses IntersectionObserver for reveals and CSS scroll-driven animat…

dragoon0x/optik

5

5

system-audit Check for design system drift. Finds tokens that are defined but unused, used values that aren't in tokens, and incon…

dragoon0x/optik

5

6

tokens Generate a complete design token set. Covers color, typography, spacing, shadows, radii, and breakpoints. Exports as …

dragoon0x/optik

5

7

touch-target Verify all interactive elements meet 44x44px minimum touch target size. Suggests fixes for undersized targets.

dragoon0x/optik

5

8

transition Audit and improve CSS transition declarations. Replace generic easing with intentional curves. Ensure consistent dura…

dragoon0x/optik

5