用途:当设计目标不是泛泛的“极简”,而是排版优先、网格严谨、构图精确时,用本技能指导网页设计与实现,适用于强调清晰、权威、编辑感与克制高级感的产品站点、作品集、文档型产品与仪表盘局部改造。
主要能力:提供风格适配判断(明确不适合卡通、拟物、拼贴等方向);锁定结构系统,依次确定内容宽度、列系统、间距节奏、字号层级、对齐规则与强调色策略;用启发式审计脚本排查字体过多、圆角过多、阴影过重、配色杂乱、宽度失律等常见问题;覆盖 Hero、导航、定价、功能网格、表单、编辑排版等组件模式;给出 Tailwind、CSS 变量、React 的实现与重构建议;附带设计简报、设计令牌与布局模板。
使用方式:已有项目先运行 bash scripts/audit_frontend_for_swiss.sh /path/to/project 做结构审计,再按需阅读 references 下原理、排版与网格、组件模式、前端实现等文档;新设计复制 templates/swiss-modern-design-brief.md 填写真实内容与约束,机器可读简报可用 bash scripts/validate_swiss_modern_brief.sh brief.json 校验;从 templates/swiss-modern-tokens.css 与 templates/swiss-modern-layout.tsx 起步,维护检查运行 bash scripts/validate_skill_bundle.sh。
限制:该审计为启发式而非精确检测;风格不适合霓虹毛玻璃、新粗野主义、蒸汽波等诉求;具体收费、平台与效果数据暂未提供。