跳到正文
cccskills
免费在 GitHub 公开

clean-code

Applies battle-tested clean code principles to writing, reviewing, and refactoring code. Covers naming, functions, comments, error handling, class design, and the critical difference between clever code and clear code.

中文简介正在准备中。当前显示原文说明。

查看安装方法

包含的文件(2)

  • SKILL.md7.0 KB
  • references/typescript.md3.2 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Clean Code

Code is read 10x more than it's written. Every naming choice, every function boundary, every abstraction layer either helps or hurts the next person who reads it — including future you.

When to Use

  • Writing any new code
  • Reviewing pull requests
  • Refactoring existing code
  • When code "works but feels wrong"

Stack-Specific References

The principles below are language-agnostic. For idiomatic patterns and syntax, read the reference matching your surface's Languages column:

LanguageReference
TypeScript / JavaScriptreferences/typescript.md
Pythonreferences/python.md
Goreferences/go.md
Rustreferences/rust.md

Core Principles

1. Names Are Documentation

Names should reveal intent. If a name requires a comment to explain it, the name is wrong.

BadGoodWhy
delapsedDaysWhat is d?
listactiveUsersWhat kind of list?
processData()validateAndSaveOrder()What processing?
tempfilteredResultsTemporary what?
flagisEligibleForDiscountWhat flag?
doStuff()sendWelcomeEmail()What stuff?
ManagerOrderProcessorManager of what?
UtilsStringFormatterUtil for what?

Rules:

  • Classes/types → nouns (UserRepository, PaymentGateway)
  • Functions → verbs (calculateTotal, sendNotification)
  • Booleans → questions (isActive, hasPermission, canEdit)
  • Constants → screaming snake with context (MAX_RETRY_ATTEMPTS, not MAX)
  • No abbreviations unless universally understood (id, url, api are fine; usr, mgr, proc are not)

2. Functions Should Do One Thing

A function that does one thing well is easy to name, test, and reuse. A function that does three things is hard to name, impossible to test independently, and couples three responsibilities.

The test: Can you describe the function without using "and"? If not, split it.

❌ processOrder(order)
   — validates order
   — calculates total with tax
   — saves to database
   — sends confirmation email

✅ validateOrder(order)        → throws if invalid
   calculateOrderTotal(items) → returns numeric total
   submitOrder(order)         → orchestrates the above

Function size limits:

  • Ideal: 5-15 lines
  • Acceptable: up to 30 lines
  • Needs splitting: 30+ lines
  • Unacceptable: 50+ lines (split immediately)

3. Parameters

  • 0-2 parameters: ideal
  • 3 parameters: acceptable with named/destructured args
  • 4+ parameters: use an options object/struct/dataclass
  • Boolean parameters: almost always a code smell — split into two functions
❌ createUser(name, isAdmin)
✅ createUser(name)  /  createAdmin(name)

❌ sendEmail(to, from, subject, body, cc)
✅ sendEmail(options)   ← options is a structured type

4. Comments: Why, Not What

Good code doesn't need comments to explain WHAT it does. Comments should explain WHY — the non-obvious reasoning, business rules, or constraints.

❌ // Increment counter by one
   counter += 1

❌ // Check if user is admin
   if user.role == "admin"

✅ // Stripe requires amount in cents, not dollars
   amountInCents = round(price * 100)

✅ // FDA regulation 21 CFR Part 11 requires audit trail
   auditLog.record(changeEvent)

✅ // WARNING: This query locks the orders table — avoid during peak hours
   db.execute(batchUpdateQuery)

Delete these comments immediately:

  • // TODO: fix this later — fix it now or create a tracked issue
  • // This is a hack — then don't commit the hack
  • // I don't know why this works — figure it out before shipping
  • Commented-out code — delete it; version control has your history

5. Error Handling

Errors are not edge cases — they're expected behavior. Handle them explicitly.

❌ try { save(order) } catch { log("error") }
   → What error? What happens to the order?

❌ try { processPayment(order) } catch { throw Error("Something went wrong") }
   → Useless to the caller

✅ try {
     processPayment(order)
   } catch InsufficientFundsError:
     return { success: false, code: "INSUFFICIENT_FUNDS", retry: false }
   catch PaymentGatewayError:
     logger.error("Payment gateway failure", { orderId: order.id })
     return { success: false, code: "GATEWAY_ERROR", retry: true }
   catch unknown:
     rethrow  → Unknown errors bubble up

6. Don't Repeat Yourself (DRY) — But Don't Over-Abstract

DRY violation — same logic copy-pasted in 3+ places:

tax1 = price1 * 0.08
tax2 = price2 * 0.08
tax3 = price3 * 0.08
→ Extract: calculateTax(price)

Over-abstraction — premature DRY that couples unrelated things:

❌ handleEntity(type, action, data)  → "universal" handler for everything

Rule of Three: Duplicate once is acceptable. Duplicate twice means extract.

7. Code Organization

                        High-level policy (business logic)
                               │
                               ▼
                     ┌─────────────────────┐
                     │   Domain Layer       │  Pure logic, no I/O
                     │   (models, rules)    │
                     └─────────────────────┘
                               │
                     ┌─────────────────────┐
                     │   Application Layer  │  Orchestrates domain objects
                     │   (use cases)        │
                     └─────────────────────┘
                               │
                     ┌─────────────────────┐
                     │   Infrastructure     │  I/O, databases, APIs
                     │   (adapters)         │
                     └─────────────────────┘
                               │
                        Low-level detail (frameworks, drivers)
  • Dependencies point inward (infrastructure depends on domain, not reverse)
  • Business logic never imports from infrastructure
  • Test domain logic without databases, APIs, or frameworks

Quick Refactoring Checklist

Before committing code, check:

  • Can I understand every function in <10 seconds?
  • Are there any functions >30 lines?
  • Are there any files >200 lines (components) or >300 lines (utilities)?
  • Do all names reveal intent without needing comments?
  • Is there any copy-pasted logic (3+ occurrences)?
  • Are errors handled specifically, not swallowed or genericized?
  • Would a new team member understand this without asking me?

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

中文简介正在准备中。当前显示原文说明。

RepairYourTech/cfsa-antigravity62026年8月16日 更新

Structured methodology for adversarial thinking — generating attack scenarios, abuse cases, race conditions, and security edge cases against specs and implementations. Produces spec-level gap items, not code-level fixes.

中文简介正在准备中。当前显示原文说明。

RepairYourTech/cfsa-antigravity62026年8月16日 更新

Orchestrate multiple Antigravity skills through guided workflows for SaaS MVP delivery, security audits, AI agent builds, and browser QA.

中文简介正在准备中。当前显示原文说明。

RepairYourTech/cfsa-antigravity62026年8月16日 更新

Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers. Use when designing new APIs, reviewing API specifications, or establishing API design standards.

中文简介正在准备中。当前显示原文说明。

RepairYourTech/cfsa-antigravity62026年8月16日 更新

Manage API versioning and evolution with URL/header/query strategies, deprecation workflows, breaking change classification, sunset headers, and consumer-driven contract testing. Use when designing versioning strategy, deprecating endpoints, or evolving API contracts.

中文简介正在准备中。当前显示原文说明。

RepairYourTech/cfsa-antigravity62026年8月16日 更新

Analyzes codebase structure, data flow, module relationships, and key patterns to generate and maintain a living architecture document (ARCHITECTURE.md).

中文简介正在准备中。当前显示原文说明。

RepairYourTech/cfsa-antigravity62026年8月16日 更新

查看 RepairYourTech 的全部技能

报告此技能的问题