kf-g-css-tak-typography
CSS タイポグラフィ実装ルール
この skill は、tak-dcxi の Typography gist をもとに、日本語中心または多言語 UI のタイポグラフィ実装判断を揃えるためのものです。
kiso.css を採用している前提で整理し、未採用の場合は必要な reset を @layer reset へ移植する前提で使います。
この skill を使う場面
font-familyやfont-weightの方針を決めるとき- 日本語と英語が混在する見出しや本文の折り返しを設計するとき
text-wrap,font-kerning,font-feature-settings,text-autospaceなどの使い分けを決めるときline-height,text-box-trim,hanging-punctuation,line-clampをレビューするときclamp()を使った流体タイポグラフィやpx/remの使い分けを決めるとき- 手動改行、文節改行、分離禁止のような文章組版の細部を扱うとき
- AI が生成した文字組み CSS に危ない指定が混ざっていないか確認するとき
前提
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