config/agents/skills/difit-review/SKILL.md
A skill for reviewing a specific diff and showing the findings as comments inside difit (the diff viewer). Use it to review branch diffs, commit diffs, or GitHub PRs, then preload findings or code explanations into difit with `--comment` before launching it for the user.
npx skillsauth add ayuukumakuma/dotfiles difit-reviewInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
This skill launches a requested git diff in a viewer that is easy for humans to read. At the same time, the agent can attach arbitrary comments via the --comment option.
This comment mechanism is well suited for code review findings and code explanations.
Before running commands, choose <difit-command> using the following rule:
command -v difit succeeds, use difit.npx difit.npx difit would require network access in a sandboxed environment without network permission, request escalated permissions and user approval before running it.The final command typically looks like this:
<difit-command> <target> [compare-with] \
--comment '{"type":"thread","filePath":"src/foobar.ts","position":{"side":"old","line":102},"body":"line 1\nline 2"}' \
--comment '{"type":"thread","filePath":"src/example.ts","position":{"side":"new","line":{"start":36,"end":39}},"body":"Range comment for L36-L39"}'
The detailed procedure is as follows.
<difit-command> <target> [compare-with] to specify the target diff.<difit-command> ., for working tree changes use <difit-command> working, and for staged changes use <difit-command> staging.diff -u file1.txt file2.txt | <difit-command>.type: "thread" for each comment.position.side: "new" for lines that exist on the target side of the diff.position.side: "old" for lines that exist only on the deleted side.--comment bodies or any command-line arguments.--include-untracked.tools
Search tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML/CSS and clientside JS tasks. Do NOT skip — web APIs evolve rapidly and training weights contain obsolete patterns. Trigger immediately for: - UI/Layout: Modals, dialogs, popovers, Glassmorphism/backdrop-filters, anchor positioning, container queries, `:has()`, `:user-valid`. - Scroll/Motion: View Transitions, Scroll-driven animations, scroll parallax/reveals. - Performance: CWV (LCP, INP), content-visibility, Fetch Priority, image optimization. - System/APIs: Local filesystem access, WebUSB, WebSockets sync, WebAssembly widgets. - Frameworks: Adapting layout/styles in React, Vue, Angular. - General Frontend: Forms, autofill, advanced inputs, custom scrollbars, modern component states, etc. DO NOT trigger for: - Backend: Database SQL, ORMs, Express API routes. - Pipelines: CI/CD deployment, Docker, Actions. - Generic: Local scripts (Python/Go tools), ESLint, Git.
testing
Grilling session that challenges your plan against the existing domain model, sharpens terminology, and updates documentation (CONTEXT.md, ADRs) inline as decisions crystallise. Use when user wants to stress-test a plan against their project's language and documented decisions.
development
Find deepening opportunities in a codebase, informed by the domain language in CONTEXT.md and the decisions in docs/adr/. Use when the user wants to improve architecture, find refactoring opportunities, consolidate tightly-coupled modules, or make a codebase more testable and AI-navigable.
development
SPEC(仕様書)を実装しながら、SPEC からの逸脱・解釈・トレードオフ・残課題を `implementation-notes.html` に発生直後に追記し続けるスキル。Design decisions / Deviations / Tradeoffs / Open questions の 4 カテゴリで、判断が起きた瞬間に逐次記録するためバッチ更新はしない。ユーザーが SPEC ファイルや要件記述を渡して「実装して」「仕様書のとおり作って」と頼んだとき、特に後で第三者がレビューしたり未来の自分が再現できるよう実装側の判断を残したいときに使う。