Menu
Use when modifying CSS, layout, components, icons, client-side JavaScript behavior, accessibility, responsive behavior, or design tokens.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | ui-design-change |
| description | Use when modifying CSS, layout, components, icons, client-side JavaScript behavior, accessibility, responsive behavior, or design tokens. |
/ops/style-design.md/ops/requirements.md/ops or an ADR before implementation.src/assets/icons/ must have viewBox and inherit currentColor.npm run check:assetsnpm run buildnpm run test:playwrightUse when creating or substantially editing documentation articles in src/content, including frontmatter, headings, Gyazo embeds, workflow links, tags, summaries, and preserving the owner's Japanese writing voice.
Use when drafting English replies for GitHub issues, PR reviews, maintainers, release notes, or external collaboration.
Use when researching current model, paper, GitHub, Hugging Face, ModelScope, ComfyUI, or custom-node information before writing or correcting docs.
Use when changing information architecture, section placement, navigation YAML, slugs, URLs, page identity, /ops rules, ADRs, or contribution rules.
Use when translating, syncing, or reviewing JA/EN/ZH documentation pages, nav labels, news rows, summaries, or localized metadata.
Use when updating src/content/*/news.md, README.md, public changelog-like notes, or site-facing update summaries.