词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

Claude Code 技能：写一篇带 README 索引的 CSS TIL 笔记

English

Claude Code 安装步骤

  1. 打开 GitHub 固定提交的 `.claude/skills/new-til/SKILL.md`，核对内容与使用条件。
  2. 在自己的项目中创建 `.claude/skills/new-til/`，把核对后的文件保存为 `.claude/skills/new-til/SKILL.md`。
  3. 在该项目根目录启动 Claude Code，在斜杠菜单中选择 `/new-til`。

中文摘要

为个人学习记录创建 Markdown 笔记，写清技术用法与代码示例，同时维护按字母排列的索引和技术词表。

SKILL.md 中文导读

可复现示例

写一篇 CSS 键盘焦点笔记，用 2px 轮廓举例说明按钮在键盘聚焦时如何显示边框。调用 new-til 后核对新增笔记和 README 的 CSS 小节。
`css/focus-visible.md` · `button:focus-visible` · `## Resources and References`

工作步骤

  1. 选择 CSS 分类并撰写题目、说明、可演示代码和参考资料。
  2. 按照仓库约定用短横线列无序项，在 README 的对应小节按字母顺序加入链接。
  3. 检查词表建议，使用现有 markdownlint 配置检查新增文件。

验收方法

README 的 CSS 小节链接到 `css/focus-visible.md`，标题为 `Keyboard Focus in CSS`。新笔记有资源小节，词表建议单独给出。

GitHub 原文 · 更新日期

适用环境

在 Jonas B. Nielsen 的 til 仓库根目录打开 Claude Code。准备好仓库的 .markdownlint.json、.wordlist.txt 以及可运行的 markdownlint 命令。

常见问题

技能会直接修改技术词表吗？

原文要求找出正文里未收录的技术词并给出建议。检查代码块外的用语，再人工确认该词是否应加入 `.wordlist.txt`。

相关指南