kf-g-css-tak-font-size-text-zoom
CSS 文字拡大と相対単位ルール
この skill は、font-size を rem にするべきか px にするべきか、その判断条件を揃えるためのものです。
主眼は Chrome の文字拡大機能に耐えることと、文字サイズに本当に従属する値だけを相対単位にすることです。
ブレイクポイントやビューポート基準のレスポンシブ判断は ../kf-g-css-tak-responsive-rules/SKILL.md を優先し、この skill では文字と文字依存寸法に絞って扱います。
この skill を使う場面
font-sizeをremとpxのどちらで指定するか決めるとき- Chrome の文字拡大機能をサポートすべきか、どこまで検証するか決めるとき
- 文字拡大時に
paddinggapinline-sizeblock-sizeなどを追従させるべきか判断するとき remの一括変換、:rootのfont-sizeハック、62.5%運用をレビューするときemchを使うべき箇所と、単にpxのままにすべき箇所を切り分けるとき- AI が生成した CSS に「とりあえず全部
rem」の実装が混ざっていないか確認するとき
最初に決めること
More from melumuccu/ai
kf-g-git-commit-japanese-commit-message
Create and format commit messages with a fixed 5-character prefix and a Japanese subject. Use this skill when drafting commit message proposals, reformatting existing messages, choosing a prefix, deciding the appropriate type from the changes, or when the user asks you to commit.
10kf-g-project-bootstrap-new-project-rules
Use this skill when starting a new project and defining baseline repository rules, especially for devcontainer setup, mise-first tooling, pnpm security settings, Vite+ workflows, and kiso.css adoption.
8kf-g-agent-research-report-only-unless-approved
Use this skill whenever the user asks to research, compare, review, evaluate, explain, recommend, or select something and the request does not clearly ask for file edits. In these cases, report findings only and do not modify documents, source code, dependencies, generated files, or git state until the user explicitly approves applying changes.
8kf-g-skill-naming-creation-organization-rules
Use this skill when creating, naming, renaming, or organizing skills in this repository. Always use it when you need to decide rules for skill directory names, propose names that follow the existing convention, organize skills so related entries stay close together, or distinguish local skills from external ones.
7kf-g-writing-japanese-concise-structured-response
Write or revise Japanese Markdown documents and code comments in this repository with a concise, structured style. Use this whenever the task involves drafting Markdown, especially maintainable ordered lists with 1.-style numbering and anchor-based cross references, or writing code comments.
7kf-g-css-flex-grid
Use this skill when designing, reviewing, or generating CSS layout with display grid or flex. Apply it whenever the user asks about grid-template, grid-area naming, flex-direction, or needs to choose between grid and flex for component or page layout.
6