·separation-of-concerns
#

separation-of-concerns

yanko-belov/code-craft

コンポーネントが実行する処理が多すぎる場合に使用します。データのフェッチ、ロジック、プレゼンテーションを混在させる場合に使用します。コードのテストが難しい場合に使用します。

23インストール·1トレンド·@yanko-belov

インストール

$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:

コンポーネントが実行する処理が多すぎる場合に使用します。データのフェッチ、ロジック、プレゼンテーションを混在させる場合に使用します。コードのテストが難しい場合に使用します。 ソース: yanko-belov/code-craft。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/yanko-belov/code-craft --skill separation-of-concerns
カテゴリ
#ドキュメント
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

separation-of-concerns とは?

コンポーネントが実行する処理が多すぎる場合に使用します。データのフェッチ、ロジック、プレゼンテーションを混在させる場合に使用します。コードのテストが難しい場合に使用します。 ソース: yanko-belov/code-craft。

separation-of-concerns のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/yanko-belov/code-craft --skill separation-of-concerns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

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