Home / leeyudok / doksam-skills · skills/nextjs-implementer/SKILL.md · GitHub

nextjs-implementer skillB

nextjs-implementer is agent-read markdown (skill) from leeyudok/doksam-skills: mobile-web-planner의 Storyboard와 Business Rules를 동작하는 웹앱으로 구현할 때 사용한다. 프론트는 Next.js App Router 또는 Vite + React SPA 중 선택하고 화면·규칙 ID 추적표, 빌드, 핵심 User Flow 검증까지 완료한다. 기획 문서 없는 일반 React 컴포넌트 작업은 react-expert, Vite 설정만 다루는 작업은 frontend-build를 쓴다..

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

# nextjs-implementer

당신은 기획 문서를 코드로 옮기는 **시니어 웹 개발자**다. mobile-web-planner 가
산출한 두 문서 — Storyboard(HTML)와 Business Rules(md) — 를 계약으로 받아
동작하는 웹 애플리케이션으로 구현한다.

이름은 기존 호출과 설치 경로의 호환성을 위해 유지한다. 프론트 구현 모드는
**Next.js App Router**와 **Vite + React SPA** 두 가지다. 세부 스캐폴딩과
검증 명령은 [references/implementation-modes.md](references/implementation-modes.md)를
필요한 모드만 읽어 적용한다.

| 프론트 모드 | 선택 기준 | 가능한 백엔드 |
|---|---|---|
| **Next.js** (호환 기본값) | SSR/SEO, Server Components, Server Actions가 필요하거나 별도 지시가 없음 | Next.js 풀스택, Java 1.8 API |
| **Vite + React SPA** | 정적 호스팅, 클라이언트 라우팅, 별도/기존 API, 경량 랜딩·관리도구 | Java 1.8 API, 기존·서버리스 API, 명시적 mock |

`Vite + Next.js 백엔드`라는 모호한 조합은 만들지 않는다. Vite가 `/api`를
호출해야 하면 API의 소유 주체와 실행 방법을 별도 계약으로 확정한다.

# 입력

한 쌍의 기획 산출물을 입력으로 받는다.

1. **`*_storyboard.html`** — 화면 목록(05 Screen List), 화면 흐름(06 Service
   Flow), 트랜잭션 시퀀스(07.x), 공통 규칙(08 General Rule), 화면별 목업(09.x).
2. **`*_business-rules.md`** — 화면 ID 를 키로 화면마다 4개 절: **입력 검증 ·
   출력 규칙 · 인터랙션 · 엣지케이스**.

둘 중 하나만 주어지면 나머지의 위치를 먼저 묻는다. 기획 문서 없이 "그냥
웹앱 만들어줘"라면 이 스킬의 범위 밖이다 — mobile-web-planner 로 기획을
먼저 뽑을지 물어본다.

문서가 답하지 않는 것(데이터 모델·인프라)은 기획 산출물의 범위 밖이므로,
구현에 필요한 최소만 **가정으로 명시하고** 데이터 계층 뒤에 숨긴다. 기획
…

Read the whole file at its exact version.

How to install

Latest version
mdr add leeyudok/doksam-skills/nextjs-implementer@git:20260823.e6897b6
Exact content
mdr add leeyudok/doksam-skills/nextjs-implementer@sha256:c62c820182868c4e

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_mvr6m7bkc3233xyy.svg)](https://markdownregistry.com/a/art_mvr6m7bkc3233xyy)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260823.e6897b6 latest2026-08-23 e6897b6 20,524 BB view · diff
git:20260822.357eeec2026-08-22 357eeec 19,636 BB view · diff
git:20260822.b7673922026-08-22 b767392 19,084 BB view · diff
git:20260822.5b50a422026-08-22 5b50a42 17,836 BB view · diff
git:20260803.132f79d2026-08-03 132f79d 16,130 BB view

Audit of the latest version

B  16 of 17 checks passed. Deterministic, no model, same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (20524 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address

Source

GitHub

leeyudok/doksam-skills · 12 stars · license MIT · pushed 2026-09-23 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_mvr6m7bkc3233xyy
GET https://markdownregistry.com/api/v1/resolve?ref=leeyudok/doksam-skills/nextjs-implementer
GET https://markdownregistry.com/api/v1/blob/c62c820182868c4e58e718a1b2bbe503da71caa7b6d36944ac5e12d687c3056b

Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

More from leeyudok/doksam-skills

AGENTS.md agents
leeyudok/doksam-skills · AGENTS.md
git:20260823.e6897b6 · audit A · 12 stars
CLAUDE.md claude
leeyudok/doksam-skills · CLAUDE.md
git:20260725.cd734ff · audit B · 12 stars
db-expert skill
leeyudok/doksam-skills · skills/db-expert/SKILL.md · 관계형 스키마를 설계·검토하거나 인덱스·쿼리 튜닝·트랜잭션·마이그레이션을 다룰 때, 그리고 doksam pig 의 공유 PostgreSQL 클러스터를 운영할 때 사용한다. SQLite 고유 주제는…
git:20260922.6ef3683 · audit A · 12 stars
doksam-ui skill
leeyudok/doksam-skills · skills/doksam-ui/SKILL.md · doksam 프로젝트의 UI 를 만들거나 수정할 때, 사용자가 "ui.doksam.com 참고" / "doksam-ui" / "독삼 표준 UI" 라고 말할 때, 프론트엔드 작업이 doksam 인프라를 대상으로 할…
git:20260802.0245e6a · audit B · 12 stars
finguard skill
leeyudok/doksam-skills · skills/finguard/SKILL.md · FinGuard CLI로 소스코드 취약점을 점검하고 심각도 기반 보안 게이트와 제한된 수정·재검증 루프를 수행할 때 사용한다. 일반 코드 품질 리뷰나 SCA·모의해킹은 범위 밖이다.
git:20260822.5b50a42 · audit A · 12 stars
frontend-build skill
leeyudok/doksam-skills · skills/frontend-build/SKILL.md · pnpm 워크스페이스와 Vite 빌드를 설정·정비하거나, 의존성·락파일·번들 크기·폐쇄망 self-host 문제를 다룰 때 사용한다. 프레임워크 자체의 코드 작성이 아니라 빌드/패키징 층이 대상이다.
git:20260803.36bddec · audit A · 12 stars
go-expert skill
leeyudok/doksam-skills · skills/go-expert/SKILL.md · Go 코드를 작성·리뷰·리팩터링하거나 에러 처리, 동시성, 테스트, net/http 서버, go:embed 를 다룰 때 사용한다. Go 1.22+ 기준.
git:20260803.36bddec · audit A · 12 stars
handoff skill
leeyudok/doksam-skills · skills/handoff/SKILL.md · 세션을 끊고 다음 세션에 넘긴다 — 협업 인프라(GitHub·GitLab·Forgejo·Jira·Plane·Slack)가 있으면 재개 가능한 상태를 그 트래커 이슈 본문으로 남기고 HANDOFF.md 에는 이슈…
git:20260923.9bb4288 · audit B · 12 stars
memory-factcheck skill
leeyudok/doksam-skills · skills/memory-factcheck/SKILL.md · 에이전트 영속 메모리를 실제 근거(코드·DB·이슈 트래커·파일시스템)와 대조해 낡은 기억을 교정하고 죽은 기억을 아카이브 후보로 보고하는 감사 스킬. 메모리가 ~30개 파일을 넘었을 때, 큰 스택/인프라…
git:20260801.f018038 · audit A · 12 stars
mobile-web-planner skill
leeyudok/doksam-skills · skills/mobile-web-planner/SKILL.md · 사용자가 모바일 웹/앱의 기획서 / 화면설계서 / 스토리보드(storyboard) / 와이어프레임(wireframe) / IA / 화면기획을 요청할 때 도메인 불문(쇼핑, 커뮤니티, 예약, 뉴스, O2O, ...)…
git:20260922.6ef3683 · audit B · 12 stars
react-expert skill
leeyudok/doksam-skills · skills/react-expert/SKILL.md · React 컴포넌트를 설계·구현·리팩터링하거나 상태 관리, useEffect 남용, 리렌더 성능, 접근성 문제를 다룰 때 사용한다. React 19 기준.
git:20260922.6ef3683 · audit A · 12 stars
sdlc-orchestrator skill
leeyudok/doksam-skills · skills/sdlc-orchestrator/SKILL.md · 사용자가 "홈페이지 만들어줘" 등 단일 요청으로 서비스 전체 제작을 원할 때 기획(mobile-web-planner), 구현(nextjs-implementer), 보안(finguard)을 순차적으로 위임하고…
git:20260822.a48271f · audit A · 12 stars

Every file in leeyudok/doksam-skills

Browse by kind, by grade B, or by owner.