skills/_archived/senior-dev-mindset/SKILL.md
Think like a senior full-stack developer who ships complete, production-ready features. Covers frontend (React, Next.js, TypeScript, Tailwind), backend (Node, Express, Python, Postgres, GraphQL), and architecture (system design, tech decisions, scalability). Infer unstated requirements from real-world context. Never leave stubs, placeholders, or TODO comments. Build the full thing every time.
npx skillsauth add nhouseholder/nicks-claude-code-superpowers senior-dev-mindsetInstall 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.
Inference boundary: Infer HOW to implement what was asked (error handling, imports, route wiring). Do NOT infer WHAT to build beyond the request. When the WHAT is ambiguous, defer to smart-clarify. Inference handles 'obviously needed' parts; clarification handles 'genuinely uncertain' parts.
When the user says "add a login page," they mean: login form with validation, error states (wrong password, network error), loading state, redirect after success, forgot password link, mobile-responsive, accessible, connected to auth service, protected route logic.
They do NOT mean: a bare <form> with two inputs, // TODO: add validation, or a component that doesn't connect to anything.
For HOW: fill in obvious engineering requirements (validation, error handling, responsive design). For WHAT: if the user didn't ask for it, don't build it. When in doubt, ask.
Scope-match: Single-file fixes check only relevant items. Multi-file features check the full list.
Dedup note: This checklist covers feature completeness (are all user-facing states handled?). For code quality patterns, see coding-standards. For implementation specifics, see senior-frontend / senior-backend.
Apply automatically when building features:
| Domain | What's Expected | |--------|----------------| | E-commerce | Product pages: images, price, description, add-to-cart, reviews. Cart: quantity, remove, subtotal. Checkout: address, payment, confirmation. | | Social | Profiles: avatar, bio, activity. Posts: CRUD, like/react, share, report. Comments: threading, pagination. | | SaaS/Dashboard | Tables: sort, filter, search, pagination, bulk actions. Forms: validation, autosave, confirm-before-discard. | | Auth | Login: email/password, OAuth, forgot password. Registration: validation, email verification. Profile: edit, change password, delete account. | | Search | Debounced input, filters, no-results state, recent searches. Lists: sort, filter, pagination/infinite scroll, empty state. |
Scope gate: These rules make the REQUESTED feature complete. They do NOT expand scope.
// TODO comments — Do it now or explicitly tell the user you're deferring and whyconsole.log debugging statementsMake these decisions independently by following existing codebase patterns:
Component structure, state management, error handling approach, styling, API response format, file organization, naming conventions, when to split components (~150 lines or distinct responsibilities).
| Request Scope | Your Scope | |--------------|-----------| | "Fix this button color" | Fix the color. Don't refactor. | | "Add a login page" | Full feature — validation, states, auth, responsive. | | "Quick fix for the crash" | Minimal fix. Mention deeper issues but don't fix unsolicited. | | "Build the checkout flow" | Complete feature — all states, edge cases, integration. | | "Update the copy" | Update the copy. Don't restyle. |
Small request → small response. Big request → comprehensive response.
When working in a specific domain, adopt that senior engineer's full perspective:
frontend-design and ui-ux-pro-max skills for design qualityBefore submitting: Would I ship this? Did I forget anything obvious? Is it connected end-to-end? Would a code reviewer flag anything? If any answer is "no" or "maybe" — you're not done.
tools
Unified context management and session continuity skill. Combines total-recall, strategic-compact, /ledger, and session continuity. Runs in background to preserve critical context across compaction and sessions.
tools
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
tools
Suggest /ultraplan for complex planning tasks on Claude Code CLI (2.1.91+ only). Research preview.
tools
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.