重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
frontend-implementation by mae616/design-skills
npx skills add https://github.com/mae616/design-skills --skill frontend-implementation当请求涉及以下内容时应用此技能:
gap。min/max/overflow。广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
何时对齐:
何时可以打破对齐:
打破对齐时的规则:
flex: 1 会使辅助元素和主要元素一样突出。rem(或 clamp())。仅在涉及父元素大小时使用 em。line-height 应为无单位值(例如 1.5–1.7)。max-width: 60ch。gap/padding,而不是在子元素上分散设置边距。position: absolute 仅用于有明确目的的覆盖层/装饰。aspect-ratio。min/max。每周安装次数
59
仓库
GitHub 星标数
7
首次出现
Jan 30, 2026
安全审计
安装于
opencode54
codex52
gemini-cli51
github-copilot44
claude-code42
cursor42
Apply this skill when the request involves:
gap.min/max/overflow first.When to align:
When breaking alignment is acceptable:
Rules when breaking alignment:
flex: 1 to everything makes supporting elements as prominent as heroes.rem (or clamp()). Use em only when relating to parent size.line-height should be unitless (e.g., 1.5–1.7).max-width: 60ch.gap/padding over scattering margins on children.position: absolute only for overlays/decorations with clear purpose.aspect-ratio when needed.min/max before going fixed.Weekly Installs
59
Repository
GitHub Stars
7
First Seen
Jan 30, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode54
codex52
gemini-cli51
github-copilot44
claude-code42
cursor42
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
123,700 周安装