본문으로 건너뛰기
cccskills
무료GitHub에 공개

code-reviewer

Review code for quality, simplicity, and maintainability. Identifies unnecessary abstractions, duplicated logic, oversized functions, missing error handling, and naming issues — then fixes them automatically before presenting the result.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(1)

  • SKILL.md3.7 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Code Reviewer

Run a structured quality review pass over any code you write or modify. Use this skill to ensure code is production-ready before presenting it.

What This Skill Checks

  • Single responsibility: functions doing too much (> ~30 lines is a signal)
  • Duplication: logic repeated more than twice that should be extracted
  • Abstraction level: unnecessary indirection or over-engineering
  • Error handling: missing try/catch, unhandled promise rejections, no null checks
  • Performance: N+1 queries, unnecessary re-renders, blocking operations
  • Dead code: unused imports, unreachable branches, commented-out code
  • Naming: identifiers that don't communicate intent
  • TypeScript/typing: any usage, missing return types
  • Security: unvalidated inputs, hardcoded secrets, SQL concatenation

Review Workflow

After completing any implementation:

  1. Review the changed files for the issues listed above
  2. Fix what you find — don't just flag it
  3. Present the improved code, not the first draft
  4. Briefly note what was changed and why (one line per fix)

Example: Before and After

Before review:

const getUser = async (id: string) => {
  const res = await fetch(`/api/users/${id}`);
  const data = await res.json();
  return data;
};

const getPost = async (id: string) => {
  const res = await fetch(`/api/posts/${id}`);
  const data = await res.json();
  return data;
};

After review (pattern extracted, error handling added):

const fetchResource = async <T>(path: string): Promise<T> => {
  const res = await fetch(path);
  if (!res.ok) throw new Error(`Request failed: ${res.status}`);
  return res.json() as Promise<T>;
};

const getUser = (id: string) => fetchResource<User>(`/api/users/${id}`);
const getPost = (id: string) => fetchResource<Post>(`/api/posts/${id}`);

Project-Level Standards (configure in CLAUDE.md)

Add a section like this to CLAUDE.md to set project-specific thresholds:

## Code Review Standards
After completing any implementation, review for:
- Functions longer than 30 lines (likely doing too much)
- Logic duplicated more than twice (extract to utility)
- `any` type usage in TypeScript (replace with real types)
- Components with more than 3 props that could be grouped
- Missing error handling on async operations
- Unvalidated user input before database/API use

PHP-Specific Review Points

For WordPress / PHP code, additionally check:

  • Missing sanitize_*() on input, missing esc_*() on output
  • Nonces absent on state-changing requests
  • Direct $_POST/$_GET access without sanitization
  • wpdb->prepare() used for all dynamic queries
  • current_user_can() checked before privileged operations
  • wp_safe_remote_*() instead of raw curl

Thresholds

SignalAction
Function > 30 linesConsider splitting
File > 300 linesConsider modularizing
Duplication × 3Extract to shared utility
> 5 function parametersGroup into object/array
Nested callbacks > 3 deepRefactor to async/await

Tips

  • Run this review automatically — treat it as a mandatory pre-flight before presenting code
  • The goal is the second draft: clean, correct, and maintainable
  • Don't over-engineer: only extract when duplication is actual, not theoretical
  • When in doubt, favour readability over cleverness

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

nvdigitalsolutions/mcp-ai-wpoos72026년 10월 19일 업데이트

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

nvdigitalsolutions/mcp-ai-wpoos72026년 10월 19일 업데이트

Control a headless browser to navigate URLs, click elements, fill forms, extract content from JavaScript-rendered pages, take screenshots, and automate end-to-end web workflows.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

nvdigitalsolutions/mcp-ai-wpoos72026년 10월 19일 업데이트

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

nvdigitalsolutions/mcp-ai-wpoos72026년 10월 19일 업데이트

WooCommerce store operations through NV oOS Pro — product research, catalog cross-referencing, inventory lookups, and Shopify or Flowhub comparisons where integrations are configured.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

nvdigitalsolutions/mcp-ai-wpoos72026년 10월 19일 업데이트

Research, draft, and publish WordPress content — blog posts, product copy, SEO metadata, and media with accessible alt text — using NV oOS research and content tools.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

nvdigitalsolutions/mcp-ai-wpoos72026년 10월 19일 업데이트

nvdigitalsolutions의 스킬 모두 보기

이 스킬의 문제 신고