Skip to content
cccskills
FreePublished on GitHub

antfu-create-pr

Create a GitHub pull request from the current branch with a structured title, a clear explanation of behavior changes, and recorded check results. For UI changes, attach before-and-after screenshots so reviewers can assess the visual differences.

OriginalShow the original description

Create a reviewable GitHub pull request from the current branch with a Conventional Commits title, a concise evidence-based body, and before/after screenshots for UI changes. Use when asked to open, create, publish, or prepare a PR.

Works withGitHub
See how to install

Good for

  • Preparing and publishing a PR from the current branch
  • Writing a PR description backed by verification results
  • Attaching before-and-after screenshots for UI changes
  • Describing only the changes in a stacked PR

Files included (5)

  • SKILL.md5.5 KB
  • README.md1.4 KB
  • references/pr-body.md4.2 KB
  • references/visual-evidence.md4.4 KB
  • scripts/upload-github-attachment.sh2.6 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Create Pull Request

Open a PR that a reviewer can understand from the body alone. Explain the changed behavior and why, not the list of changed files. Keep the body proportional to the change: a one-line fix gets a few sentences, a cross-module feature gets tables and diagrams.

Workflow

  1. Inspect the repo: git status, current branch, remotes, default branch, .github/PULL_REQUEST_TEMPLATE*, and AGENTS.md / CONTRIBUTING.md for PR rules.
  2. Compute the merge base against the target branch and record the exact base...head range the PR publishes. If the branch is stacked on another unmerged branch, target that branch and describe only this PR's own changes.
  3. Read the full diff. Separate runtime code from generated files, lockfiles, and snapshots. Trace changed code to its entry points, callers, and external boundaries so architecture claims are backed by file paths or symbols.
  4. Classify the PR (feature, fix, refactor, chore, docs) and decide which optional body sections earn their place. See pr-body.
  5. Run the checks that match the changed surfaces (focused tests, typecheck, lint). Record the exact commands and results.
  6. If the diff changes user-visible UI, capture before/after evidence. See visual-evidence.
  7. Review the commit history and reshape it into atomic Conventional Commits. See Commits.
  8. Write the body to a temporary file. Push the branch. Create the PR with gh pr create --title ... --body-file ... (add --attach for each screenshot). Use --draft when checks are still running or the work is not review-ready.
  9. Open the created PR and verify title, base, head, rendered tables, diagrams, and images.
  10. Address review comments: fix each confirmed issue, run focused checks, push, reply with evidence, and resolve the thread.

Title

Use Conventional Commits, matching how the repo already writes commit messages:

feat(scope): add retry to upload client
fix(scope): avoid double submit on enter
refactor: extract diff parsing from cli
chore(deps): update vite to v8
docs: clarify worktree setup
  • Lowercase, imperative, no trailing period, under ~70 characters.
  • Scope is the package, module, or feature name the repo already uses. Omit it when the change is repo-wide.
  • Squash-merge repos turn the title into the commit message; write it as the commit you want in history.

Commits

Each commit does one logical thing and uses a Conventional Commits message. A reviewer should be able to read git log --oneline as the story of the change and review commit by commit.

# Good: each commit is self-contained
feat(api): add task creation endpoint with validation
feat(ui): add task creation form component
feat(ui): connect form to api and add loading state
test(tasks): cover task creation (unit + integration)

# Bad: everything mixed together
feat: add task feature, fix sidebar, update deps, refactor utils
  • Keep unrelated fixes, dependency bumps, and drive-by refactors out of the branch; open separate PRs for them.
  • Before pushing, review the history and split or squash local commits (git rebase -i <base>) until each one stands alone and builds.
  • Do not rewrite commits that are already pushed and under review; add new commits instead.

Body

Required in every PR:

  • ## Summary: the problem or capability first, then what changed and why this approach. Mention if the PR is stacked and on what.
  • Linked issues: closes #123 / fixes #123 / refs #123 so GitHub links and auto-closes.
  • ## Verification: exact commands run and their results, plus anything left unverified.

Optional, only when it helps the reviewer:

  • ## Change map: table of module, before, after, reason. Use for changes across several modules or ownership boundaries. Never a raw file list.
  • ## Architecture and behavior: a Mermaid flow, sequence, or state diagram when ordering, async work, or state transitions changed. For a fix, pair a Before and After diagram at the same abstraction level.
  • ## Boundaries and risks: table of invariant, failure mode, protection, evidence. Use when there are real failure modes, migrations, or external effects.
  • ## Visual changes: before/after image table for UI changes.
  • ## Rollout and follow-up: migrations, feature flags, known gaps. State whether a gap blocks merge.

If the repo has a PR template, keep its headings and fill them; add sections above only where the template leaves room.

Rules

  • Say what is verified, what is assumed, and what is not verified. Do not write "safe", "fixed", or "backward compatible" without pointing at the evidence.
  • Green CI proves only the checks CI runs. Focused tests prove only the behavior they cover.
  • Do not describe inherited changes from a parent branch as this PR's changes.
  • Use plain hyphens; never em dashes (U+2014) or en dashes (U+2013).
  • No filler ("This PR aims to...", "comprehensive", "robust"). Start sentences with the fact.
  • Do not paste tokens, secrets, user records, or full payloads into the body.
  • Do not commit screenshots or other PR-only artifacts to the repo; attach them with gh --attach.
  • If the PR was written with the help of an agent, say so in one line at the end of the body.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

antfu

FreeSummary

Set up JavaScript and TypeScript projects using Anthony Fu’s conventions for code organization, development tools, and package publishing. Establish shared checks for formatting, types, unused code, and tests before committing changes.

  • Setting up a new TypeScript project
  • Standardizing formatting and code checks
  • Managing dependencies across a monorepo
antfu/skills6KUpdated Oct 9, 2026

nitro

FreeSummary

Build and configure web servers with Nitro, including request handlers, caching, storage, and scheduled tasks. The skill also guides deployment to supported runtimes and platforms, plus migration from Nitro v2 to v3.

  • Implementing server routes and caching
  • Adding scheduled tasks and WebSocket connections
  • Configuring deployment for supported platforms
antfu/skills6KUpdated Oct 9, 2026

nuxt

FreeSummary

Develop Vue web applications with Nuxt, covering pages, data fetching, shared state, and server API routes. Configure rendering on the server or in the browser, and prepare deployment settings for supported platforms.

  • Build pages and routing for a Vue application
  • Fetch API data and manage shared state
  • Implement server API routes and middleware
antfu/skills6KUpdated Oct 9, 2026

pinia

FreeSummary

Organize shared data and update logic in Vue apps using Pinia stores, containers for application state. The skill guides store definitions, reactive data access, communication between stores, testing, and integration with Nuxt and server-side rendering.

  • Organizing shared data and update logic in Vue apps
  • Connecting stores and extending them with plugins
  • Testing components with mocked stores
antfu/skills6KUpdated Oct 9, 2026

pnpm

FreeSummary

Manage Node.js dependencies with pnpm, from installing packages to coordinating multiple projects in one workspace. The skill covers shared version settings, third-party package patches, dependency overrides, and consistent installation procedures for automated build environments.

  • Unifying dependency versions across a workspace
  • Patching third-party packages and overriding versions
  • Configuring package installation in CI
antfu/skills6KUpdated Oct 9, 2026

unocss

FreeSummary

Configure UnoCSS and style interfaces with utility classes, small reusable styling instructions. Use project settings to define custom rules, shortcuts, themes, and presets for features such as icons, typography, and attribute-based styling.

  • Adding UnoCSS to a Vite or Nuxt project
  • Combining repeated styles into shortcuts
  • Defining shared colors and responsive breakpoints
antfu/skills6KUpdated Oct 9, 2026

See all skills by antfu

Report a problem with this skill