Source

dragoon0x/meridian

56 skills · 57 combined installs

Skills from this source

#
Skill
Source
8W Activity
Installs
1
m-overdrive Push past conventional limits. WebGL, spring physics, GPU effects. Maximum one per page.
dragoon0x/meridian
2
2
m-a11y-fix Auto-fix detectable accessibility issues.
dragoon0x/meridian
1
3
m-align Verify visual alignment across sections. Check consistent left edges, centered elements, grid alignment.
dragoon0x/meridian
1
4
m-animate Add purposeful motion. Page load reveals, hover states, scroll entries.
dragoon0x/meridian
1
5
m-aria Audit ARIA attributes. Ensure proper usage without over-specification.
dragoon0x/meridian
1
6
m-audit Comprehensive design quality report with specific findings per axis, line references, severity ratings, and fix instr…
dragoon0x/meridian
1
7
m-bolder Amplify safe designs. Larger headlines, stronger accent, more shadow, one animation.
dragoon0x/meridian
1
8
m-certify Pass/fail against a DNA threshold. For CI/CD pipelines.
dragoon0x/meridian
1
9
m-color-audit Find every color not in the palette or token system.
dragoon0x/meridian
1
10
m-color-fix Replace orphan colors with nearest system token.
dragoon0x/meridian
1
11
m-compare Compare DNA profiles across branches, versions, or projects.
dragoon0x/meridian
1
12
m-contrast WCAG contrast matrix. Test every text token against every surface token.
dragoon0x/meridian
1
13
m-dark Generate dark mode from the existing palette. Not inversion — proper surface remapping.
dragoon0x/meridian
1
14
m-delight Add 1-3 memorable micro-interactions. Use sparingly for maximum impact.
dragoon0x/meridian
1
15
m-density Audit visual density and whitespace balance across sections.
dragoon0x/meridian
1
16
m-distill Strip to essential form. Remove every element that doesn't earn its place.
dragoon0x/meridian
1
17
m-drift Detect drift from the DNA baseline. Shows what changed since the last /m-scan.
dragoon0x/meridian
1
18
m-enforce Auto-fix drift violations. Bring code back in line with the DNA profile.
dragoon0x/meridian
1
19
m-export-css Export the design profile as CSS custom properties with dark mode overrides.
dragoon0x/meridian
1
20
m-export-scss Export the design profile as SCSS variables and mixins.
dragoon0x/meridian
1
21
m-export-tw Export the design profile as a Tailwind CSS configuration.
dragoon0x/meridian
1
22
m-flow Analyze reading order and content flow. Verify logical DOM order matches visual order.
dragoon0x/meridian
1
23
m-focus Generate focus ring system from the accent color.
dragoon0x/meridian
1
24
m-grid Snap all spacing values to the 4px base grid. Replaces arbitrary values with the nearest scale token.
dragoon0x/meridian
1
25
m-harden Add error states, loading states, i18n safety, edge cases using system tokens.
dragoon0x/meridian
1
26
m-harmonize Add a complementary or analogous accent color computed from the brand.
dragoon0x/meridian
1
27
m-hierarchy Audit visual depth. Count distinct heading levels, weight differentiation, size ratios.
dragoon0x/meridian
1
28
m-layout-audit Map all layout patterns. Identify grid/flex, spacing, nesting depth, responsive breakpoints.
dragoon0x/meridian
1
29
m-layout-fix Auto-fix layout issues. Snap spacing, add max-width, normalize gap usage.
dragoon0x/meridian
1
30
m-nesting Audit nesting depth. Maximum 4 levels of visual containment.
dragoon0x/meridian
1
31
m-normalize Align every value in the codebase to the nearest system token from the profile.
dragoon0x/meridian
1
32
m-palette Generate a full 50-950 shade palette from a single hex color. 11 perceptually uniform shades via HSL interpolation.
dragoon0x/meridian
1
33
m-polish Final quality pass. Alignment, spacing, hover states, focus, loading states, consistency.
dragoon0x/meridian
1
34
m-profile View the current .meridian.json design profile. Shows all 8 axis scores, detected patterns, and DNA hash.
dragoon0x/meridian
1
35
m-quieter Tone down aggressive designs. Softer colors, smaller contrasts, more whitespace.
dragoon0x/meridian
1
36
m-radii Generate a border radius scale. 6 steps from sm to full, calibrated to project context.
dragoon0x/meridian
1
37
m-reduced-motion Add prefers-reduced-motion support to all animations.
dragoon0x/meridian
1
38
m-report Generate a shareable DNA score card as SVG/markdown.
dragoon0x/meridian
1
39
m-responsive Check responsive behavior at key breakpoints. Verify layout, text measure, touch targets, spacing.
dragoon0x/meridian
1
40
m-rhythm Enforce vertical spacing rhythm using a baseline grid derived from body line-height.
dragoon0x/meridian
1
41
m-scan Read the entire codebase and build a design profile in .meridian.json. Discovers fonts, colors, spacing patterns, typ…
dragoon0x/meridian
1
42
m-score Run the full 8-axis DNA analysis. Produces a radar chart profile with Typography, Color, Layout, Motion, Accessibilit…
dragoon0x/meridian
1
43
m-screen-reader Simulate screen reader traversal. Identify reading order and announcement issues.
dragoon0x/meridian
1
44
m-scroll-fx Add scroll-triggered reveals and parallax using IntersectionObserver.
dragoon0x/meridian
1
45
m-shadows Generate a brand-tinted shadow elevation system. 5 levels from sm to 2xl using the brand hue.
dragoon0x/meridian
1
46
m-spacing Generate a spacing scale from a base unit. 15 steps from 2px to 128px on a 4px grid.
dragoon0x/meridian
1
47
m-tokens Generate a complete design token set from the current codebase. Extracts colors, type, spacing, shadows, radii and ou…
dragoon0x/meridian
1
48
m-touch Verify all interactive elements meet 44x44px minimum touch targets.
dragoon0x/meridian
1
49
m-transition Audit and improve CSS transition declarations. Replace generic easing with intentional curves.
dragoon0x/meridian
1
50
m-trend Track DNA evolution over time. Shows score progression across iterations.
dragoon0x/meridian
1
Page 1 · 56 total Next