skills-html-showcase

URL, PDF, 텍스트, 이미지 추출문, 메모, 기술 자료, 블로그 초안, SKILL.md/.skill 패키지를 입력받아 고품질 한국어 HTML 학습자료, 전문가 리포트, 공개 아티클, 교육 모듈, 블로그 원고, SEO 대시보드, 플랫폼별 블로그 변환, 스킬 감사 리포트, 레퍼런스 매뉴얼, 비교 매트릭스, 케이스 스터디, 랜딩 브리프, 체크리스트 플레이북, GitHub 저장소 분석 리포트, YouTube 영상 분석 리포트, 역할별 매뉴얼 분석 리포트까지 생성하는 최종형 다중 모드 스킬. adaptive-html-learning-ultimate의 13개 모드 라우터·레이아웃·평가 루브릭을 뼈대로 삼고 GitHub 분석·YouTube 분석·매뉴얼 분석·GitHub 기능/도입 가이드·사업계획서(business_plan)를 추가한 21개 모드 체계를, adaptive-html-blog-writer의 블로그 글쓰기·SEO·플랫폼·박스 선택 상세 규칙을 흡수하고, 현행 examples급 editorial 디자인 시스템을 유지하고, 필요 시 8000×6000 SVG 인포그래픽 Visual Template System을 섹션별로 배치한다. 반드시 사용해야 하는 트리거: - "HTML로 정리", "초보자용 HTML", "전문가용 HTML", "교육용 HTML", "아티클 HTML", "레퍼런스/매뉴얼 HTML" - "블로그 작성", "블로그 글 써줘", "포스팅 작성", "SEO 글", "티스토리/벨로그/네이버/워드프레스용" - "비교/장단점/선택 기준", "사례 연구/회고", "랜딩/소개 페이지", "체크리스트/플레이북" - "이 문서를 블로그 글로", "이 내용을 글감으로", "제목/도입부/목차/본문/마무리까지" - "스킬 분석", "SKILL.md 개선", "한 줄 한 줄 분석", "스킬 통합/감사" - "GitHub 저장소 분석", "깃허브 URL 분석", "owner/repo 분석", "README/이슈/릴리스/라이선스 분석" - "YouTube 분석", "유튜브 영상 분석", "youtube URL 요약

공고문과 사업 아이디어를 분석하고, 사용자를 심층 인터뷰한 뒤 시장·기술·경쟁사·특허·논문을 조사하여 정부지원사업·R&D 과제·투자 피치덱·기업/공공 제안서를 설계·작성하는 사업 논리 설계 시스템. 빈칸을 문장으로 채우는 생성기가 아니라 공고 분석 → 심층 인터뷰 → 가설 → 리서치 → 사업 논리 설계 → 공식 서식 매핑 → 초안 → 평가위원 검증의 순서로 작동한다. 산출물 DOCX/HWPX/PDF/PPTX/XLSX/MD. 트리거 — "사업계획서 써줘", "사업계획서 작성", "정부지원사업 지원서", "창업지원 사업계획서", "R&D 계획서", "기술개발 과제 계획서", "투자 피치덱 만들어", "IR 덱", "제안서 작성", "공고문 분석해서 사업계획서", "지원사업 신청서", "사업계획서 검토", "이 공고 분석해줘", "/bizplan".

Use when creating, auditing, or updating user-facing manuals, operator guides, admin tutorials, onboarding docs, workflow walkthroughs, or screen-recorded product guides from a real application or system.

Stanford STORM 방법론(다관점 질문 + 출처 grounding)을 cmux 멀티 페인으로 구현한 딥리서치 오케스트레이터. 메인 Opus가 5개 영혼 페인(회의주의자·경제학자·역사학자·학자·미래학자)을 직접 만들어 claude/codex/kimi에 분산하고, 각 영혼이 출처 강제 딥리서치를 수행해 cmux send로 메인에 보고한다. 그 뒤 4프롬프트 파이프라인(다중관점 스캔→모순 지도→종합→동료 검토)을 돌려 dist/<프로젝트>/index.html 자체완결 리포트를 만든다. 트리거 — "STORM 리서치", "다관점 딥리서치", "5영혼으로 조사", "스톰 방법으로 조사해줘", "여러 LLM으로 병렬 리서치", "/storm-research".

STORM 모순 지도 — 다섯 관점이 어디서 합의하고 어디서 정면 충돌하는지 도식화한다. Co-STORM의 moderator/mind-map 정신으로 단일 관점이 못 보는 "핵심 긴장"과 사각지대를 표면화. 입력은 storm-scan의 다관점 출력. 단독 호출 가능하며 storm-research 파이프라인의 2단계. 트리거 — "모순 지도", "관점 충돌 분석", "어디서 의견이 갈리나", "contradiction map", "/storm-contradict".

STORM 동료 검토 — 종합본을 적대적으로 검토해 출처 편향 전이(source bias transfer)와 부당한 연결(over-association)을 잡는다. 원논문이 경고한 grounded 생성의 두 실패모드를 전담 점검. 입력은 storm-synthesize 출력. 단독 호출 가능하며 storm-research 파이프라인의 4단계(최종 게이트). 트리거 — "동료 검토", "이 글 비판적으로 검토", "편향·비약 점검", "peer review", "팩트체크 적대적으로", "/storm-review".

STORM 다중 관점 스캔 — 하나의 주제를 회의주의자·경제학자·역사학자·학자·미래학자 다섯 렌즈로 동시에 조사해 출처 포함 다관점 리서치를 산출한다. Stanford STORM의 Perspective-Guided Question Asking을 단일 프롬프트로 구현. 단독 호출 가능하며 storm-research 파이프라인의 1단계이기도 하다. 트리거 — "다관점으로 조사", "여러 전문가 시각으로", "STORM 스캔", "multi-perspective", "/storm-scan".

STORM 종합 — 다섯 관점과 모순 지도를 하나의 논지를 가진 구조화된 글로 짠다. 나열이 아니라 충돌을 통과한 판단. Stanford STORM의 Outline Generation + Article Generation(인용 유지)을 구현. 입력은 storm-scan + storm-contradict 출력. 단독 호출 가능하며 storm-research 파이프라인의 3단계. 트리거 — "종합해줘", "하나의 글로 정리", "관점들 통합", "synthesis", "/storm-synthesize".

Use when collecting AI trend posts from X/Twitter or similar social feeds and delivering an append-safe Excel report plus an interactive HTML dashboard.

Use when the user wants to export completed local HTML output directories to PDF, PNG, or WebP using Chromium/Playwright. Especially use for adaptive-html-final outputs with CSS-only ahf-theme radios, :has() selectors, inline CSS, large SVG, no-JS constraints, theme-by-theme screenshots, export manifests, HTML SHA stability checks, and browser-openable PDF/PNG/WebP links. Trigger examples: "HTML PDF로 변환", "PDF/PNG/WebP export", "테마별 스크린샷", "PDF 링크 제공", "output 폴더 변환".