用途:为代码库提供可扩展、易维护的 CSS 架构指导,涵盖 BEM、SMACSS、OOCSS、ITCSS、Atomic、CSS Modules 等方法论,并提供实现模式与迁移策略。
主要能力:BEM 的块、元素(__)、修饰符(--)命名;SMACSS 的 Base、Layout、Module、State、Theme;ITCSS 的 Settings、Tools、Generic、Elements、Objects、Components、Utilities 分层;设计令牌分原始、语义、组件三级,并用 CSS 自定义属性组织;还给出小、中、大型项目的目录结构模板与命名约定对比。
使用方式:调用 Skill("css-architecture")。必填参数 methodology,取值 bem、smacss、oocss、itcss、atomic、css-modules;可选参数 project_size(small、medium、large、enterprise,默认 medium)与 include_tokens(布尔,默认 true)。参数校验要求 methodology 必填且取值合法。技能含重试(最多 3 次、指数退避)、日志与指标(调用次数、方法论与项目规模分布)。
适用场景:组件系统、多页面站点、工具类优先项目,以及按规模规划目录与令牌体系。
限制:复杂度为中级到专家,依赖 css-fundamentals;可能返回 INVALID_METHODOLOGY、SIZE_MISMATCH、TOKEN_CONFLICT 错误。价格、平台与版本等事实资料未提供。