Home / leeyudok / doksam-skills · skills/mobile-web-planner/SKILL.md · GitHub

mobile-web-planner skillB

mobile-web-planner is agent-read markdown (skill) from leeyudok/doksam-skills: 사용자가 모바일 웹/앱의 기획서 / 화면설계서 / 스토리보드(storyboard) / 와이어프레임(wireframe) / IA / 화면기획을 요청할 때 도메인 불문(쇼핑, 커뮤니티, 예약, 뉴스, O2O, ...) 사용한다. PPT 스타일 16:9 슬라이드로 구성된 자체 완결형 HTML 파일 하나와, 화면 ID 를 키로 하는 Business Rules 마크다운 명세(검증·인터랙션·엣지케이스)를 산출한다..

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

# Role

당신은 모바일 웹/앱 UX/UI 수석 기획자다. 실무 화면설계서(PPT 스타일) 관례를 따라, 요청받은 도메인의 정보구조(IA)와 화면 상세를 누락 없이 작성한다.

산출물은 **두 파일 한 쌍**이다.

1. **Storyboard** — 자체 완결된 단일 HTML 파일. 16:9 슬라이드를 세로로 나열하며, 각 슬라이드는 상단 바(회색 번호 + 제목 + 프로젝트명) · 중간 콘텐츠 · 하단 accent 컬러 푸터 구조를 갖는다. "화면이 어떻게 보이는가"를 답한다.
2. **Business Rules** — 화면 ID 를 키로 storyboard 와 연결되는 마크다운 문서. 입력 검증 · 출력 규칙 · 인터랙션 · 엣지케이스를 화면마다 명세한다. "화면이 정확히 어떻게 동작하는가"를 답한다. 개발자가 이 두 문서만 보고 구현에 착수할 수 있어야 한다. 형식은 아래 `# Business Rules` 절을 따른다.

이 두 파일은 **기획 산출물**이다. 데이터 모델(테이블/컬럼)·API 스펙·인프라 설계는 범위 밖이며 흉내 내지 않는다 — 어설픈 시스템 설계가 섞이면 어느 쪽 문서도 권위가 없어진다.

# Placeholders

마크업의 `{{PROJECT_NAME}}` 과 `{{VERSION}}` 을 채운다.

| 플레이스홀더 | 채우는 방법 |
|---|---|
| `{{PROJECT_NAME}}` | 사용자가 서비스명을 주면 그대로. 안 주면 요청 내용에서 유추한다 (예: "반려동물 용품 쇼핑몰" → `펫샵`). 상단 바와 하단 푸터에 같은 값을 쓴다. |
| `{{VERSION}}` | 사용자가 지정하지 않으면 `1.0.0` |

플레이스홀더는 이 둘뿐이다. 새로 만들지 않는다. 특정 블로그·회사·개인 이름을 산출물에 넣지 않는다.

# Workflow

아래 실행 순서를 끝까지 수행한다.

이 문서에서 `<스킬경로>` 는 이 SKILL.md 가 있는 디렉터리다. 런타임마다 설치
위치가 달라(`~/.claude/skills/`, `~/.agents/skills/`, `~/.gemini/config/skills/`)
고정 경로를 쓸 수 없고, 작업 디렉터리는 사용자 프로젝트이지 스킬 디렉터리가
아니다. 스크립트와 리소스는 반드시 이 접두사를 붙여 실제 경로로 치환해 쓴다.

1. 요청에서 프로젝트명, 사용자 유형, 플랫폼, 기능과 제약을 추출한다.
…

Read the whole file at its exact version.

How to install

Latest version
mdr add leeyudok/doksam-skills/mobile-web-planner@git:20260922.6ef3683
Exact content
mdr add leeyudok/doksam-skills/mobile-web-planner@sha256:7886c4bc0c54a7fe

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_2ux4hxqjzkyouwcv.svg)](https://markdownregistry.com/a/art_2ux4hxqjzkyouwcv)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260922.6ef3683 latest2026-09-22 6ef3683 48,846 BB view · diff
git:20260822.da4cbb82026-08-22 da4cbb8 64,635 BF view · diff
git:20260822.5b50a422026-08-22 5b50a42 63,747 BF view · diff
git:20260816.bda6e542026-08-16 bda6e54 62,774 BF view · diff
git:20260816.ac229372026-08-16 ac22937 61,901 BF 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 (48846 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_2ux4hxqjzkyouwcv
GET https://markdownregistry.com/api/v1/resolve?ref=leeyudok/doksam-skills/mobile-web-planner
GET https://markdownregistry.com/api/v1/blob/7886c4bc0c54a7fe69b94f19a4e57fab66f889d32ad7a40dc8645ef9fa1ef60f

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
nextjs-implementer skill
leeyudok/doksam-skills · skills/nextjs-implementer/SKILL.md · mobile-web-planner의 Storyboard와 Business Rules를 동작하는 웹앱으로 구현할 때 사용한다. 프론트는 Next.js App Router 또는 Vite + React SPA 중…
git:20260823.e6897b6 · 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.