菜单
Use when the user is about to write or modify CSS, SCSS, or styling on this project. Triggers on "load the style guide", "what are the styling rules", before any CSS/SCSS edit, before adding new visual styling, or when the user asks about which variables/colors/breakpoints to use.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when the user asks to cut a release, bump the version, tag a new build, or publish release notes for quorum-desktop. Triggers on "release", "cut a release", "bump version", "new version", "tag a build", "release notes". Versioning only — this does NOT deploy to gh-pages (use the deploy skill for that).
Use when the user asks to update the component audit, categorize a component as shared/platform/complex, or refresh `src/dev/components-audit/audit.json` after working on a component. Triggers on "update audit", "audit this component", "categorize component", "refresh audit stats".
Use when the user asks to convert a CSS or SCSS file to use the project's `_variables.scss` tokens, replace `@apply` with raw CSS, or align a stylesheet with the styling guidelines. Triggers on "convert this CSS", "use variables in this stylesheet", "remove @apply", "align with styling guidelines".
Use when the user asks to deploy this app to production, push to GitHub Pages, ship the current build to `app.quorummessenger.com`, or update the live site. Triggers on "deploy", "deploy to prod", "publish", "ship it", "push to gh-pages", "update production".
Use when the user asks to refresh or sync a documentation file in `.agents/docs/` against the current codebase. Triggers on "update this doc", "refresh the modals doc", "sync the docs with the code", "the doc is out of date", "verify the references in <doc>".
Use when the user asks to rebuild or refresh `.agents/INDEX.md` after adding, removing, or renaming files in `.agents/`. Triggers on "update the INDEX", "rebuild the agents index", "sync INDEX.md", "regenerate the docs index".
| name | style-guide |
| description | Use when the user is about to write or modify CSS, SCSS, or styling on this project. Triggers on "load the style guide", "what are the styling rules", before any CSS/SCSS edit, before adding new visual styling, or when the user asks about which variables/colors/breakpoints to use. |
Before writing or modifying any CSS/SCSS in this repo, read the project's styling references so the work uses the correct tokens and patterns.
.agents/docs/styling-guidelines.md — core rules: when to use Tailwind vs raw CSS, the SCSS variable system, the color system, form fields, breakpoints.src/styles/_variables.scss — all SCSS variables: $s-4, $text-sm, $rounded-lg, etc.src/styles/_colors.scss — theme colors, surfaces, accents._colors.scss over hex / rgb() literals.styling-guidelines.md — they are not interchangeable here.