m-dark
Generate dark mode from the existing palette. Not inversion — proper surface remapping.
- License 许可
- Apache-2.0
- 最近更新
- 2026-03-21
- Stars
- ★ 1
- Forks
- 0
01 前言 Front Matter
- name
- m-dark
- description
- Generate dark mode from the existing palette. Not inversion — proper surface remapping.
- user-invokable
- true
03 SKILL.md 正文
/m-dark — Dark Mode
Remap tokens:\n- surface (light) → surface (dark, palette 950)\n- text (dark) → text (light, palette 50)\n- Accent may shift 1-2 stops lighter for contrast\n- Reduce shadow intensity\n- Use surface color shifts instead of shadows\n\nOutput as @media (prefers-color-scheme: dark) block.
04 同仓库更多 Skills
meridian-design
Design DNA engine that learns your codebase before making recommendations. Maps 8 design axes (typography, color, layout, motion, accessibility, tokens, hierarchy, personality), builds a project-aware profile in .meridian.json, and enforces your established aesthetic. 62 commands across 5 tiers. Every command respects what you've already built. Use on any frontend project to prevent AI slop while preserving design intent.
m-z-index
暂无简介
m-type-set
Apply a complete typography system in one command. Scale, pairing, line-heights, letter-spacing.
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.
m-type-pair
Font pairing recommendations. Display + body + mono. Never suggests banned fonts.
m-type-fix
Auto-fix typography issues. Replace banned fonts, normalize scale, add line-height.