m-responsive
Check responsive behavior at key breakpoints. Verify layout, text measure, touch targets, spacing.
- License 许可
- Apache-2.0
- 最近更新
- 2026-03-21
- Stars
- ★ 1
- Forks
- 0
01 前言 Front Matter
- name
- m-responsive
- description
- Check responsive behavior at key breakpoints. Verify layout, text measure, touch targets, spacing.
- user-invokable
- true
03 SKILL.md 正文
/m-responsive — Responsive Check
Test at 320px, 375px, 768px, 1024px, 1280px, 1440px:\n1. No horizontal overflow\n2. Line measure 45-75 characters\n3. Touch targets 44x44px on mobile\n4. Spacing scales proportionally\n5. No hidden essential content
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.