菜单
Use when defining or reviewing massCode UI foundation rules such as typography, renderer styling consistency, TailwindCSS v4 usage, and when raw markup starts competing with established UI text patterns.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when adding or updating massCode documentation, documenting a new feature, changing docs website pages, adding docs assets, updating the VitePress sidebar, or adding README feature mentions.
Use when generating massCode release notes for a GitHub release. Writes the notes to a gitignored file `docs/releases/<tag>.md` for the user to paste into the GitHub release. Use when summarizing merged PRs of a version into a consistent release notes structure.
Use when working in massCode and you need repo-wide architecture rules, naming conventions, decomposition boundaries, or guidance on which massCode skill to load next.
Use when working with massCode issues, branches, commits, pull requests, or merge preparation in GitHub.
Use when defining or reviewing massCode renderer types that come from generated API clients or DTOs, especially when deciding whether to reuse existing API shapes, derive narrower local types, or introduce a UI-only model.
Use when following massCode repo workflow rules, especially for scoped lint and test commands, or when changes require required follow-up commands like code generation or locale sync.
| name | ui-foundations |
| description | Use when defining or reviewing massCode UI foundation rules such as typography, renderer styling consistency, TailwindCSS v4 usage, and when raw markup starts competing with established UI text patterns. |
UI в massCode должен оставаться визуально консистентным. Этот skill отвечает за базовые styling decisions: как относиться к typography, когда использовать established text patterns и как не скатываться в разрозненный renderer styling.
bg-background, text-muted-foreground, border-border, border-destructive/* вместо raw palette-классов вроде bg-white, text-black, text-green-500, bg-slate-900.UiText.UiText на произвольный набор text-*, font-*, text-muted-foreground, если подходящий variant уже существует.UiText почти подходит, лучше добавить точечные классы поверх него, чем уходить в raw typography markup.UiText — базовый источник правды для текстовых размеров и muted-state.caption и xs — подписи, helper text, secondary labels.sm и base — основной интерфейсный текст.lg и xl — усиленные title/value cases, когда это действительно нужно по hierarchy.font-mono — только для code-like content, IDs, counts with alignment needs, readonly generated output и подобных случаев.UiText или согласованный tracking/uppercase стиль, а не случайную смесь utility classes в каждом месте.space-y-4 или space-y-6.space-y-2 или space-y-3.gap-2, gap-3, gap-4 в зависимости от плотности.rounded-md — controls, inline boxes, compact containers.rounded-lg — card-like blocks, dialogs, overlays, dashboard sections.rounded-xl — preview-heavy surfaces и крупные visual blocks.rounded-full — pills, badges, circular handles.shadow-xs — inputs, buttons, small controls.shadow-md и shadow-lg — overlays, popovers, previews, где elevation реально нужна.rounded-[...] и shadow-[...], если стандартные токены уже подходят.UiText.