TS

the-senior-dev/senior-dev-skills

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

20 stars 품질 61 트렌드 14MIT

Claude Code skills to help you think like a Senior Engineer.

개요

By TheSeniorDev · MIT-licensed · Contributions welcome Or with Claude Code's native plugin marketplace: Restart Claude Code (or open a new session) to pick up the new skills. Need Claude Code? Get it at claude.com/code. Invoke a skill by name, with an optional argument: react-senior-code-review takes a path to the feature you want reviewed; react-senior-interview takes an optional topic (or none, for a broad interview). These skills are like having a Senior Engineer by your side, pointing out things you might have missed. They leverage Software Fundamentals, Design Patterns, and Senior Mental Models — together with the power of Claude Code — to push your code toward , prep you with , and ground every call in deep . Keep in mind they are: - Biased toward what holds up in production — the wisdom a senior reviewer brings, not a neutral checklist. - Reach for derived state first, then event handlers, then render-time computation. Effects are the last resort.

README

원문 README의 일부입니다. 원문 보기.

Senior Dev Skills for AI Coding Agents

Coding agent skills to think like a Senior Engineer.

By TheSeniorDev · MIT-licensed · Contributions welcome


Install

npx skills@latest add the-senior-dev/senior-dev-skills

Or with Claude Code’s native plugin marketplace:

/plugin marketplace add the-senior-dev/senior-dev-skills
/plugin install senior-dev-skills@senior-dev-skills

Restart Claude Code (or open a new session) to pick up the new skills.

Need Claude Code? Get it at claude.com/code.

How to use in Claude Code

Invoke a skill by name, with an optional argument:

/react-senior-code-review src/features/checkout   # review a feature
/react-senior-interview state                       # quiz yourself on state & data flow

react-senior-code-review takes a path to the feature you want reviewed; react-senior-interview takes an optional topic (or none, for a broad interview).

What’s inside

Skill What it does Invoke
react-senior-code-review Review React code like a Senior. /react-senior-code-review
react-senior-interview Senior level React interview practice. /react-senior-interview [topic]

These skills are like having a Senior Engineer by your side, pointing out things you might have missed. They leverage Software Fundamentals, Design Patterns, and Senior Mental Models — together with the power of Claude Code — to push your code toward production readiness, prep you with real interview questions, and ground every call in deep domain knowledge and fundamentals. Keep in mind they are:

  • Highly opinionated. Biased toward what holds up in production — the wisdom a senior reviewer brings, not a neutral checklist.
  • Anti-useEffect. Reach for derived state first, then event handlers, then render-time computation. Effects are the last resort.
  • Server state ≠ client state. Server data lives in a query layer (TanStack Query, SWR, route loaders, RSC) — never in useState+useEffect, never in Zustand.
  • Push state down. State lives as close to its consumer as possible.
  • Colocate, then share. Code used by one feature stays in that feature; promote it to shared/ only when a second feature actually needs it.
  • Name the pattern. Custom hook? Compound components? HOC? Render prop? State machine? Optimistic update? If a known pattern fits the fix, it gets named.
GitHub에서 전체 README 보기

추천 도구

다른 키워드를 입력하거나 필터를 제거해 보세요.

설치

npx skillfish add the-senior-dev/senior-dev-skills
MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →