m-delight
Add 1-3 memorable micro-interactions. Use sparingly for maximum impact.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-06 00:14
Design & creation
22,115 results
m-density
Audit visual density and whitespace balance across sections.
m-distill
Strip to essential form. Remove every element that doesn't earn its place.
m-drift
Detect drift from the DNA baseline. Shows what changed since the last /m-scan.
m-export-css
Export the design profile as CSS custom properties with dark mode overrides.
m-harmonize
Add a complementary or analogous accent color computed from the brand.
m-hierarchy
Audit visual depth. Count distinct heading levels, weight differentiation, size ratios.
m-nesting
Audit nesting depth. Maximum 4 levels of visual containment.
m-normalize
Align every value in the codebase to the nearest system token from the profile.
m-palette
Generate a full 50-950 shade palette from a single hex color. 11 perceptually uniform shades via HSL interpolation.
m-quieter
Tone down aggressive designs. Softer colors, smaller contrasts, more whitespace.
m-score
Run the full 8-axis DNA analysis. Produces a radar chart profile with Typography, Color, Layout, Motion, Accessibility, Tokens, Hierarchy, and Personality…
m-shadows
Generate a brand-tinted shadow elevation system. 5 levels from sm to 2xl using the brand hue.
m-type-fix
Auto-fix typography issues. Replace banned fonts, normalize scale, add line-height.
m-type-pair
Font pairing recommendations. Display + body + mono. Never suggests banned fonts.
m-type-scale
Generate a mathematical type scale from a base size and ratio. Outputs 8 steps with px values, rem equivalents, and CSS custom properties.
cross-functional-alignment
Bring engineering, design, research, marketing, and sales onto the same page and keep them there. Covers alignment levels, RACI clarity, and continuous…
cta-patterns
Design calls-to-action that people actually click. Covers button copy, placement logic, urgency without manipulation, and progressive commitment. Use when…
metrics-measurement
Design and maintain a metrics framework that tells you whether your product is healthy. Covers metric selection, hierarchy, and the difference between tracking…
notification-design
Communicate without annoying. Patterns for in-app alerts, email triggers, push notification copy, and frequency capping. Use when designing notification…
onboarding-flow
Design first-run experiences that create the aha moment fast. Reduces time-to-value by sequencing actions, progressive disclosure, and contextual guidance. Use…
packaging-strategy
Bundle features into plans that feel natural for each customer segment. Covers feature classification, tier design, upgrade triggers, and avoiding common…
settings-architecture
Organize preferences and controls so people find what they need without getting lost. Information grouping, search, and defaults. Use when building settings…
user-psychology
Apply motivation, friction, and trust patterns to product decisions. Maps cognitive biases and behavioral triggers to specific UI and copy choices. Use when…