·separation-of-concerns
#

separation-of-concerns

yanko-belov/code-craft

Use when component does too many things. Use when mixing data fetching, logic, and presentation. Use when code is hard to test.

23Installs·1Trend·@yanko-belov

Installation

$npx skills add https://github.com/yanko-belov/code-craft --skill separation-of-concerns

SKILL.md

Each piece of code should do one thing. Data, logic, and presentation should be separate.

Mixed concerns create untestable, unreusable, unmaintainable code. Separation enables testing, reuse, and clarity.

If one file does fetch + transform + display, STOP:

Use when component does too many things. Use when mixing data fetching, logic, and presentation. Use when code is hard to test. Source: yanko-belov/code-craft.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/yanko-belov/code-craft --skill separation-of-concerns
Category
#Documents
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is separation-of-concerns?

Use when component does too many things. Use when mixing data fetching, logic, and presentation. Use when code is hard to test. Source: yanko-belov/code-craft.

How do I install separation-of-concerns?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/yanko-belov/code-craft --skill separation-of-concerns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/yanko-belov/code-craft