nextjs-domain-architecture — community nextjs-domain-architecture, template_ichms2, community, ide skills

v1.0.0

关于此技能

适合需要 Next.js 项目架构管理的全栈代理,包括 App Router + TanStack Query Domain-oriented architecture standard for Next.js App Router + TanStack Query projects. Use when defining team conventions, outsourcing handoff rules, AI agent coding constraints, and gradual scaling rules for service/hooks/query keys/state ownership.

ichms ichms
[0]
[0]
更新于: 3/6/2026

Killer-Skills Review

Decision support comes first. Repository text comes second.

Reference-Only Page Review Score: 9/11

This page remains useful for operators, but Killer-Skills treats it as reference material instead of a primary organic landing page.

Original recommendation layer Concrete use-case guidance Explicit limitations and caution Quality floor passed for review
Review Score
9/11
Quality Score
51
Canonical Locale
ko
Detected Body Locale
ko

适合需要 Next.js 项目架构管理的全栈代理,包括 App Router + TanStack Query Domain-oriented architecture standard for Next.js App Router + TanStack Query projects. Use when defining team conventions, outsourcing handoff rules, AI agent coding constraints, and gradual scaling rules for service/hooks/query keys/state ownership.

核心价值

赋予代理创建、修改和审查 Next.js 项目的能力,遵循团队规则和治理指南,利用 App Router 和 TanStack Query 进行高效的数据管理和检索,硬性规则和优先级矩阵定义在 `rules/00-governance/hard-rules.md` 和 `rules/00-governance/priority-matrix.md`

适用 Agent 类型

适合需要 Next.js 项目架构管理的全栈代理,包括 App Router + TanStack Query

赋予的主要能力 · nextjs-domain-architecture

使用 App Router 和 TanStack Query 自动设置 Next.js 项目
审查和重构现有的 Next.js 项目以遵守团队治理指南
根据预定义的规则和优先级矩阵生成和修改 Next.js 项目结构

! 使用限制与门槛

  • 需要访问 `rules/` 目录以获取治理指南
  • 需要 Next.js 和 TanStack Query 设置
  • 团队规则和治理指南必须在 `rules/00-governance/hard-rules.md` 和 `rules/00-governance/priority-matrix.md` 中预定义

Why this page is reference-only

  • - Current locale does not satisfy the locale-governance contract.

Source Boundary

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

评审后的下一步

先决定动作,再继续看上游仓库材料

Killer-Skills 的主价值不应该停在“帮你打开仓库说明”,而是先帮你判断这项技能是否值得安装、是否应该回到可信集合复核,以及是否已经进入工作流落地阶段。

实验室 Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

常见问题与安装步骤

以下问题与步骤与页面结构化数据保持一致,便于搜索引擎理解页面内容。

? FAQ

nextjs-domain-architecture 是什么?

适合需要 Next.js 项目架构管理的全栈代理,包括 App Router + TanStack Query Domain-oriented architecture standard for Next.js App Router + TanStack Query projects. Use when defining team conventions, outsourcing handoff rules, AI agent coding constraints, and gradual scaling rules for service/hooks/query keys/state ownership.

如何安装 nextjs-domain-architecture?

运行命令:npx killer-skills add ichms/template_ichms2/nextjs-domain-architecture。支持 Cursor、Windsurf、VS Code、Claude Code 等 19+ IDE/Agent。

nextjs-domain-architecture 适用于哪些场景?

典型场景包括:使用 App Router 和 TanStack Query 自动设置 Next.js 项目、审查和重构现有的 Next.js 项目以遵守团队治理指南、根据预定义的规则和优先级矩阵生成和修改 Next.js 项目结构。

nextjs-domain-architecture 支持哪些 IDE 或 Agent?

该技能兼容 Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer。可使用 Killer-Skills CLI 一条命令通用安装。

nextjs-domain-architecture 有哪些限制?

需要访问 `rules/` 目录以获取治理指南;需要 Next.js 和 TanStack Query 设置;团队规则和治理指南必须在 `rules/00-governance/hard-rules.md` 和 `rules/00-governance/priority-matrix.md` 中预定义。

安装步骤

  1. 1. 打开终端

    在你的项目目录中打开终端或命令行。

  2. 2. 执行安装命令

    运行:npx killer-skills add ichms/template_ichms2/nextjs-domain-architecture。CLI 会自动识别 IDE 或 AI Agent 并完成配置。

  3. 3. 开始使用技能

    nextjs-domain-architecture 已启用,可立即在当前项目中调用。

! 参考页模式

此页面仍可作为安装与查阅参考,但 Killer-Skills 不再把它视为主要可索引落地页。请优先阅读上方评审结论,再决定是否继续查看上游仓库说明。

Upstream Repository Material

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

Upstream Source

nextjs-domain-architecture

安装 nextjs-domain-architecture,这是一款面向AI agent workflows and automation的 AI Agent Skill。查看评审结论、使用场景与安装路径。

SKILL.md
Readonly
Upstream Repository Material
The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.
Supporting Evidence

Next.js Domain Architecture Skill (Rules-Driven)

rules/ 하위 문서를 기준으로 Next.js App Router + TanStack Query 프로젝트의 생성/수정/리뷰를 일관되게 수행하기 위한 실행형 스킬이다.

When To Use

  • 팀 규칙을 기준으로 신규 기능을 생성할 때
  • 기존 기능을 리팩토링/수정할 때
  • 외주 산출물/AI 산출물의 구조 적합성을 리뷰할 때
  • PR에서 Hard Gate/Warning 판단과 예외 기록이 필요할 때

Source Of Truth

  • Hard Rule 원문/집행 강도 SSOT: rules/00-governance/hard-rules.md (GOV-02)
  • Priority/Enforcement 해석 기준: rules/00-governance/priority-matrix.md (GOV-01)
  • 실행형 AI 지시 SSOT: rules/30-ai/ai-agent-rules.md (AI-OPS-01)
  • 문서 경로 탐색: rules/00-index.md (Rule Locator)

참고 전용 문서(*.example.md, rules/50-reference/*)는 실행 지시로 해석하지 않는다.

Execution Order

  1. 작업 유형을 결정한다.
  2. GOV-02 기준 Hard Gate를 먼저 적용한다.
  3. 해당 도메인의 Core Rule(ARC/RQ/IMP/STATE/TYPE/REACT)을 적용한다.
  4. Warning/Guide 항목은 리뷰 코멘트와 개선 계획을 남긴다.
  5. Hard Rule 예외가 필요하면 EX-01 템플릿 초안을 작성한다.

Work Modes

  • Mode A (신규 기능 생성): 파일 세트를 순서대로 생성한다.
  • Mode B (기존 코드 수정): 필요한 파일만 최소 수정한다.

Mode A 생성 순서 (AI-OPS-01)

  1. type.ts
  2. queryKeys.ts
  3. service.ts (필요 시 get*ForPage)
  4. hooks/queries.ts
  5. hooks/mutations.ts (mutation 필요 시)
  6. components/Page.tsx
  7. app/*/page.tsx

Hard Gate Checklist (Must Pass)

  • HR-ARC-01: app/*/page.tsx는 Thin Route(엔트리/조합)만 담당한다.
  • HR-ARC-02: app/* read-only 조회는 features/domain-*/service.ts 공개 함수(get*ForPage)만 경유한다.
  • HR-ARC-03: app/*에서 write/invalidate/정책성 side effect를 직접 처리하지 않는다.
  • HR-IMP-01: packages/* -> features/* import 금지.
  • HR-IMP-02: features/common -> features/domain-* import 금지.
  • HR-IMP-03: app/*에서 service.ts import는 read-only 공개 함수만 허용.
  • HR-RQ-01: query key는 queryKeys.ts factory로만 생성/사용.
  • HR-RQ-02: service.ts에 React Query 훅 import 금지(순수 API만).
  • HR-TYPE-01: any 금지.
  • HR-REACT-03: react-hooks/exhaustive-deps 비활성화 금지.

Hard Gate 위반은 EX-01 승인 정보 없이 머지할 수 없다.

Warning And Guide Checklist

  • HR-RQ-03 (Warning): mutation 성공 경로별 lists/detail invalidate 누락 금지.
  • HR-STATE-01 (Warning): 서버 상태를 store/local state에 중복 저장하지 않는다.
  • HR-TYPE-02,03,04 (Warning): 타입 파일의 type 기본 원칙, union 상수 소스 파생, 컴포넌트/훅 계약 타입 의도 확인.
  • HR-STYLE-01 (Warning): 신규 함수는 함수 표현식 기본.
  • HR-REACT-01,02 (Warning): Effect 용도 제한, mount fetch 기본 패턴 금지.
  • SCALE-01 (Guide): 3축(크기/복잡도/렌더 영향)으로 분리 필요성을 판단한다.
  • DOM-01 (Warning): common 승격은 3조건(2개 이상 도메인 재사용, 정책 비의존, 소유권 합의) 충족 시만 허용.

Layer And Import Boundaries

  • app/*: 라우트 엔트리/조합, 필요 시 read-only get*ForPage 호출
  • features/domain-*: 도메인 UI/쿼리/서비스/타입 소유
  • features/common: 도메인 비의존 공통 UI/훅/유틸
  • packages/*: 범용 모듈만, app 정책/화면 흐름 결정 금지

허용 import 방향:

  • app/* -> features/domain-* | features/common | packages/*
  • features/domain-* -> features/common | packages/*
  • features/common -> packages/*
  • packages/* -> packages/*

Query And State Rules

  • Query key는 all > lists > list, all > details > detail 구조를 기본으로 한다.
  • key 파라미터는 정규화 객체로 넣는다.
  • service.ts는 API I/O와 (선택) get*ForPage만 가진다.
  • 서버 상태는 TanStack Query cache를 단일 소스로 유지한다.
  • URL 공유 상태는 URL에, 전역 UI 상태는 store에, 임시 입력 상태는 local/form state에 둔다.

Type And React Rules

  • type.ts|types.ts|dto.ts의 모델 타입 선언은 type을 기본으로 한다.
  • union은 as const 상수 소스에서 파생한다.
  • 불확실 입력은 unknown으로 받고 내로잉한다.
  • components/*, hooks/*의 Props/계약 타입은 type/interface 모두 허용한다.
  • 상속/계약 가독성이 중요하면 interface ... extends ...를 우선 고려한다.
  • 부모 -> 자식 값 props는 명사형(query), 변경 요청은 on*, 자식 내부 DOM 핸들러는 handle*를 사용한다.

Exception Protocol (EX-01)

Hard Rule 예외는 PR에 아래 필드를 모두 남긴다.

md
1### Rule Exception 2- Rule ID: IMP-01 3- Owner: @author 4- Approver: @reviewer 5- Reason: external SDK constraint 6- Scope: /features/domain-a/service.ts:21 7- Expiry: 2026-04-30 8- Follow-up: remove after wrapper migration
  • 누락 필드가 있으면 예외는 무효다.
  • 만료일 도달 시 7일 내 갱신/제거한다.
  • eslint-disable는 최소 라인 범위 + 사유 주석만 허용한다.

Output Contract For Agent Responses

가능한 경우 아래 순서로 결과를 출력한다.

  1. 생성/수정 파일 목록
  2. Hard Rule 준수 체크(통과/예외)
  3. Warning/Guide 항목(필요 시 Scale Check 포함)
  4. 예외 필요 시 Rule ID + 사유 + 만료일 초안

Quick References

  • Governance: rules/00-governance/*
  • Core Rules: rules/01-architecture-foundation.md ~ rules/12-react-component-practices.md
  • AI Execution: rules/30-ai/ai-agent-rules.md
  • Enforcement Mapping: rules/40-operations/enforcement-mapping.md
  • Reference/Glossary: rules/12-react-component-practices.example.md, rules/50-reference/glossary.md

相关技能

寻找 nextjs-domain-architecture 的替代方案 (Alternative) 或可搭配使用的同类 community Skill?探索以下相关开源技能。

查看全部

openclaw-release-maintainer

Logo of openclaw
openclaw

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

333.8k
0
AI

widget-generator

Logo of f
f

为prompts.chat的信息反馈系统生成可定制的插件小部件

149.6k
0
AI

flags

Logo of vercel
vercel

React 框架

138.4k
0
浏览器

pr-review

Logo of pytorch
pytorch

Python中具有强大GPU加速的张量和动态神经网络

98.6k
0
开发者工具