skills/commit-with-docs/SKILL.md
Summarizes code changes, validates staged diffs, updates documentation (docs/, README, CLAUDE.md, changelog), and creates git commits with aligned docs. Use when completing a feature or fix that requires documentation updates alongside code changes, writing commit messages, or updating changelogs and README files.
npx skillsauth add tibelf/ai_project_init commit-with-docsInstall 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.
git status --porcelaingit diff --cached --name-statusgit diff --cachedcat SESSION.md 2>/dev/null || echo "NO_SESSION_FILE"cat CLAUDE.md 2>/dev/null || echo "NO_CLAUDE_FILE"find docs/ -name "*.md" 2>/dev/null || echo "No docs found"# Session Intent (commit-level)
## Why
*
## What changed (user/dev visible)
*
## New concepts / modules / configs
*
## Scope (paths/modules)
*
## Breaking / Migration
*
src/modules/<name>/, modules/<name>/, or packages/<name>/**/api/**, **/routes/**, **/controller/**, openapi*.{yml,yaml,json}, proto/**, sdk/**R* (rename/move)docs/**, CLAUDE.md links section, SESSION.md)git add docs/ CLAUDE.md SESSION.mdgit commit -m "<conventional commit message>"git diff --cached --name-statusdocs/api.md, docs/endpoints.md)git add docs/ && git commit -m "docs: add new endpoint documentation"docs/migration.md or docs/changelog.md with breaking change detailsCLAUDE.md links if module paths changedgit commit -m "docs: update migration guide for module refactor"development
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
development
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
development
Guide for integrating Google OAuth login into Supabase + React projects. Use when user asks to add Google login, integrate Gmail account sign-in, implement Supabase Google OAuth, use supabase signInWithOAuth, add Google login button, set up Auth Provider, create login dialog, or implement auth-gating. Covers Google Cloud Console setup, Supabase provider configuration, React Auth Hook pattern, LoginPromptDialog, and route protection.
tools
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.