yd-nextjs-implementer SKILL.md skillB

yd-nextjs-implementer from leeyudok/doksam-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add leeyudok/doksam-skills/yd-nextjs-implementer@git:20261004.0d5ff50

Pins git:20261004.0d5ff50 in mdr.lock. Pin the fingerprint instead.

Audit grade
B, 16 of 17 checks passed
Kind
SKILL.md skill
Repository
leeyudok/doksam-skills
Path
skills/yd-nextjs-implementer/SKILL.md
Versions recorded
1
Latest version
git:20261004.0d5ff50, committed Oct 4, 2026
Size
20,563 bytes
Repository stars
14
License
MIT

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

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# yd-nextjs-implementer

당신은 기획 문서를 코드로 옮기는 **시니어 웹 개발자**다. yd-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개 절: **입력 검증 ·
   출력 규칙 · 인터랙션 · 엣지케이스**.

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

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

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add leeyudok/doksam-skills/yd-nextjs-implementer@sha256:6fc7952e07b32b1e

The line at the top of this page pins the label git:20261004.0d5ff50, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

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

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Oct 4, 2026.

versioncommittedcommitsizeaudit
git:20261004.0d5ff50 latest2026-10-04 0d5ff50 20,563 BB view

Audit of the latest version

B  16 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the 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 (20563 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

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

leeyudok/doksam-skills · 14 stars · license MIT · pushed 2026-10-17 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_5tjuraskrquc7zfa
GET https://markdownregistry.com/api/v1/resolve?ref=leeyudok/doksam-skills/yd-nextjs-implementer
GET https://markdownregistry.com/api/v1/blob/6fc7952e07b32b1ed2d4a6688423030e9f21b66dcf07fa1dd90d64e57bc1400b

Your AI assistant 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.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from leeyudok/doksam-skills

AGENTS.md AGENTS.md file
leeyudok/doksam-skills · AGENTS.md
git:20261017.ec49e19 · audit A · 14 stars
yd-agents-mem SKILL.md skill
leeyudok/doksam-skills · skills/yd-agents-mem/SKILL.md · 에이전트 메모리·전역 지침·설정을 GitLab agents-mem 레포에 백업하고 되돌린다. 전역 CLAUDE.md·infra-*.md·ref-*.md·프로젝트 메모리·스킬·에이전트·settings 를 고친 뒤…
git:20261011.76a7b1a · audit A · 14 stars
yd-agents-yaml SKILL.md skill
leeyudok/doksam-skills · skills/yd-agents-yaml/SKILL.md · 저장소의 에이전트 지침을 사람용 AGENTS.md + 기계 판독용 AGENTS.yaml + 검증기 scripts/check-agents-yaml.sh 세 파일로 세팅하거나 갱신한다. AGENTS.yaml 이 없는…
git:20261011.76a7b1a · audit A · 14 stars
yd-blueprint SKILL.md skill
leeyudok/doksam-skills · skills/yd-blueprint/SKILL.md · 프로젝트의 구조·기록 흐름·구현 현황·남은 작업을 JSONL 데이터로 적고 bun+Vite+React 청사진 화면(localhost:5173/blueprint/)으로 띄운다. 청사진·구조도·구현 현황표를 만들거나…
git:20261011.fc9c4fb · audit A · 14 stars
yd-claude-auth-sync SKILL.md skill
leeyudok/doksam-skills · skills/yd-claude-auth-sync/SKILL.md · 한 PC 에서 claude login 으로 다시 인증한 Claude Code 로그인을, 사용자가 등록해 둔 다른 PC·서버에도 똑같이 맞춘다. 키체인·~/.claude/.credentials.json 의…
git:20261017.ec49e19 · audit B · 14 stars
yd-db-expert SKILL.md skill
leeyudok/doksam-skills · skills/yd-db-expert/SKILL.md · 엔진과 무관한 관계형 설계를 다룰 때 사용한다 — 스키마 정규화·키·NULL 의미·DB 제약·소프트 삭제·인덱스 선택 원칙·쿼리 규칙(N+1·플레이스홀더·커서 페이징)·트랜잭션 경계·마이그레이션 단계…
git:20261011.76a7b1a · audit A · 14 stars
yd-doc-sync SKILL.md skill
leeyudok/doksam-skills · skills/yd-doc-sync/SKILL.md · 문서 현행화(doc-sync) — 코드·구성이 바뀐 뒤(디렉터리 삭제·이동, 포트·명령·의존성 변경, 큰 리팩터링 머지) 에이전트 지침(AGENTS.md·CLAUDE.md)·README·규칙(.claude/rules…
git:20261011.980cdb2 · audit A · 14 stars
yd-doksam-ui SKILL.md skill
leeyudok/doksam-skills · skills/yd-doksam-ui/SKILL.md · doksam 프로젝트의 UI 를 만들거나 수정할 때, 사용자가 "ui.doksam.com 참고" / "doksam-ui" / "독삼 표준 UI" 라고 말할 때, 프론트엔드 작업이 doksam 인프라를 대상으로 할…
git:20261004.0d5ff50 · audit B · 14 stars
yd-finguard SKILL.md skill
leeyudok/doksam-skills · skills/yd-finguard/SKILL.md · FinGuard CLI로 소스코드 취약점을 점검하고 심각도 기반 보안 게이트와 제한된 수정·재검증 루프를 수행할 때 사용한다. 일반 코드 품질 리뷰나 SCA·모의해킹은 범위 밖이다.
git:20261004.0d5ff50 · audit A · 14 stars
yd-frontend-build SKILL.md skill
leeyudok/doksam-skills · skills/yd-frontend-build/SKILL.md · pnpm 워크스페이스와 Vite 빌드를 설정·정비하거나, 의존성·락파일·번들 크기·폐쇄망 self-host 문제를 다룰 때 사용한다. 프레임워크 자체의 코드 작성이 아니라 빌드/패키징 층이 대상이다.
git:20261004.c66a4ea · audit A · 14 stars
yd-git-ship SKILL.md skill
leeyudok/doksam-skills · skills/yd-git-ship/SKILL.md · GitLab 레포에 에이전트(Claude Code·Codex·Antigravity)가 작업을 올리는 절차 — 이슈 등록, batch/<agent>-<날짜>-<8자리 hex> 브랜치, "[<model>]…
git:20261011.76a7b1a · audit A · 14 stars
yd-git-sync SKILL.md skill
leeyudok/doksam-skills · skills/yd-git-sync/SKILL.md · 여러 호스트(맥·pig·doksam 등)에 클론해 둔 같은 저장소를 맞춘다 — 각 클론을 git pull --ff-only 로 origin 에 맞추고 추적 파일 수·목록 해시를 비교한 뒤, git 이 관리하지 않는…
git:20261015.6d4494b · audit A · 14 stars

Every file in leeyudok/doksam-skills

Other files named yd-nextjs-implementer

yd-nextjs-implementer SKILL.md skill
leeyudok/agents-scaffold · plugins/yd-skills/skills/yd-nextjs-implementer/SKILL.md · yd-mobile-web-planner의 Storyboard와 Business Rules를 동작하는 웹앱으로 구현할 때 사용한다. 프론트는 Next.js App Router 또는 Vite + React SPA 중…
git:20261024.27d9360 · audit B · 38 stars
yd-nextjs-implementer SKILL.md skill
leeyudok/agents-scaffold · .claude/skills/yd-nextjs-implementer/SKILL.md · yd-mobile-web-planner의 Storyboard와 Business Rules를 동작하는 웹앱으로 구현할 때 사용한다. 프론트는 Next.js App Router 또는 Vite + React SPA 중…
git:20261024.c5b81d9 · audit B · 38 stars

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