Claude Code skill for writing a CSS TIL with a README entry
Create a Markdown learning note with a practical code sample, an alphabetized index link, and suggested vocabulary additions.
中文Install in Claude Code
Open Claude Code at the root of Jonas B. Nielsen’s til checkout. Keep its `.markdownlint.json` and `.wordlist.txt` available, with `markdownlint` on the PATH.
- Review `.claude/skills/new-til/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.claude/skills/new-til/` in your project and save the reviewed file as `.claude/skills/new-til/SKILL.md`.
- Start Claude Code from that project's root, then select `/new-til` in the slash menu.
Example task
Draft a CSS keyboard-focus note with a 2px outline example. Invoke new-til, then inspect the new note and the existing CSS section of the README.
`css/focus-visible.md` · `button:focus-visible` · `## Resources and References`What to check
The CSS section of the README links to `css/focus-visible.md` under the title `Keyboard Focus in CSS`. The note ends with references and the report lists vocabulary suggestions separately.
Original SKILL.md on GitHub · Updated
Frequently asked question
Does the skill edit the vocabulary file directly?
Its instructions ask for suggested additions based on technical words outside code blocks. Review those suggestions before editing `.wordlist.txt`.