Claude-skill-registry enhancing-progressively

Name: enhancing-progressively
Author: majiayu000

install

source · Clone the upstream repo

git clone https://github.com/majiayu000/claude-skill-registry

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/enhancing-progressively" ~/.claude/skills/majiayu000-claude-skill-registry-enhancing-progressively && rm -rf "$T"

manifest: skills/data/enhancing-progressively/SKILL.md

source content

プログレッシブエンハンスメント

優先順位

優先度	アプローチ	例
1	HTML	セマンティック要素、ネイティブ入力
2	CSS	Grid, Flexbox, :has(), transitions
3	JS	本当に必要な場合のみ

検出

JSパターン	CSS代替
`element.style.display`	CSS `:has()` , `[open]` , `<dialog>`
`addEventListener('resize')`	CSS `@media` , `clamp()` , `min()`
`getBoundingClientRect`	CSS Grid, Flexbox, `gap`
`setInterval` アニメーション	CSS `transition` , `@keyframes`
`classList.toggle`	CSS `:checked` , `:target`
`scrollTo` , `scrollIntoView`	CSS `scroll-behavior: smooth`
`matchMedia`	CSS `@media` , `@container`