.cursor/skills/create-frontend-pr/SKILL.md
Use the GitButler CLI (`but`) to create a branch, commit changes, push, and open a GitHub PR in the frontend repo. Optionally accepts a description to filter which changes to include. Use when the user asks to push changes, create a PR, or commit using GitButler.
npx skillsauth add codecrafters-io/frontend create-frontend-prInstall 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.
/create-frontend-pr — include all unstaged changes/create-frontend-pr <description> — only include changes related to the description (e.g. /create-frontend-pr dark mode fix)GitButler must be set up in the repo (but setup). Run but status to verify.
Check workspace state: Run but status to see unstaged changes and existing branches.
Filter changes (if a description was provided): Review the unstaged files and their diffs. Only include files that are related to the description. Read file contents or diffs if needed to determine relevance.
Create a branch: but branch new <branch-name>
Stage files: but stage <file> <branch-name> for each relevant file. Run but status after to confirm.
Commit: but commit -m "<message>" --only <branch-name>
Push: but push
Create PR: Use -m to pass title and body non-interactively:
but pr new <branch-name> -m "<title>
<body>"
The first line of -m is the PR title, the rest is the body.
but pr requires forge auth. If it fails, check but config forge.but status between steps to verify state.development
Enable or disable maintenance mode for the frontend. Use when the user asks to put the site in maintenance mode, take it down for maintenance, or bring it back up after maintenance.
development
Run the frontend linter, analyze failures, and fix them iteratively. Use when linting fails, lint errors appear, or the user asks to fix lint issues in the frontend repo.
development
--- name: add-dark-mode-support description: Add dark mode styles to components using Tailwind dark: variant classes. Use when creating new components, adding dark mode support to existing components, or when the user mentions dark mode, theming, or light/dark variants. --- # Adding Dark Mode Support This skill guides you through adding dark mode support to components in the CodeCrafters frontend. ## How Dark Mode Works Dark mode is controlled by the `DarkModeService` (`app/services/dark-mod
tools
Use when work should span one or more detached tasks but still behave like one job with a single owner context. TaskFlow is the durable flow substrate under authoring layers like Lobster, ACPX, plugins, or plain code. Keep conditional logic in the caller; use TaskFlow for flow identity, child-task linkage, waiting state, revision-checked mutations, and user-facing emergence.