Skills

Generate a DESIGN.md design-system spec (color tokens, typography, spacing, shadows, components) and optional HTML preview from any website URL using the designmdme CLI. Use when the user wants to extract, capture, replicate, or reference a website's design system or visual style — e.g. "build a UI like stripe.com", "match this brand's look", "get the design tokens for linear.app", "make my app look like notion.so", or any time you need an accurate color palette, font stack, or component styling from a real site before writing UI code.

Self-review your diff or branch-vs-base before pushing — catch correctness, data-flow, concurrency, and consistency bugs and surface test gaps. Trigger to review your own changes pre-PR.

Review a GitHub pull request using an opinionated, collaborative review style. Trigger when the user asks to review a PR, check a PR, or look over a PR.

Apply personal GitHub commit and PR conventions whenever making commits, creating PRs, or updating PRs via the GitHub MCP or any GitHub-related tool. Always use this skill when the user asks to commit, push, open a pull request, create a PR, or update a PR — even if they don't explicitly ask for formatting help. Also trigger when staging changes, writing commit messages, or interacting with branches.