무료GitHub에 공개한국어 소개

html-ppt-retro-quarterly-review

분기 성과와 향후 계획을 파랑, 주황, 크림색의 복고풍 HTML 슬라이드 세 장으로 정리합니다. 표지, 세 가지 중점 과제, 로드맵과 핵심 성과 지표를 담습니다.

원문원문 설명 보기

Retro Quarterly Review presentation template in a bold blue + orange editorial language. Use when users ask for a high-impact quarterly review / roadmap deck with heavyweight slab headlines, clean cream paper sections, structured grids, and fast premium motion pacing (3 slides, each hold under 3s in video mode).

nexu-io/open-design

AI 평가80점/ 100 설치 방법 보기

이럴 때 유용합니다

분기 성과 발표 자료 제작
팀의 세 가지 중점 과제 공유
로드맵과 핵심 성과 지표 제시
전환 효과가 있는 짧은 발표 제작

한국어 소개

할 수 있는 일

분기 성과와 향후 계획을 세 장의 HTML 발표 자료로 정리합니다. 표지, 세 가지 중점 과제, 로드맵과 KPI(핵심 성과 지표) 순서로 구성합니다. 파랑, 주황, 크림색을 바탕으로 굵은 제목과 인쇄물을 연상시키는 복고풍 디자인을 사용합니다. 화면을 닦아 내듯 바꾸는 전환 효과와 요소가 차례로 나타나는 움직임도 포함합니다.

이럴 때 유용합니다

분기 성과와 다음 계획을 짧은 자료로 공유할 때 적합합니다. 우선순위 세 가지와 시간순 계획이 있는 보고에 활용하기 좋은 구성입니다. 영상 모드에서는 각 슬라이드를 3초 미만으로 표시하는 빠른 진행을 전제로 합니다.

사용 예시

“이번 분기 성과와 다음 세 가지 중점 과제를 이 템플릿으로 정리해 주세요.”
“로드맵과 KPI를 포함한 파랑과 주황색 보고 자료를 만들어 주세요.”

주의 사항

DESIGN.md를 참고하고 제공된 assets/template.html을 바탕으로 제작합니다. 파일 쓰기 권한이 필요합니다. 결과물은 CSS와 JavaScript를 포함한 단일 HTML이며 프레임워크 실행 환경을 사용하지 않습니다. 숫자 키로 페이지를 이동하고 R로 다시 시작합니다.

이 소개문은 공개된 SKILL.md를 바탕으로 AI(OpenAI Codex)가 작성했습니다. 정확한 사양은 아래 원문을 확인하세요.

객관 평가

AI가 SKILL.md의 내용만을 근거로 4가지 관점에서 판정했습니다. 스타 수나 인기도는 판정에 넣지 않았습니다.

지시의 명확성언제 쓰고 무엇을 하는지 알 수 있는가: A양호분기 성과 보고 용도를 명시하고 표지, 중점 과제, 로드맵의 세 장 구성을 제시합니다.
절차의 구체성절차·입출력·예시가 구체적으로 적혀 있는가: A양호템플릿 사용, 조작 기능 유지, 점검표 검증과 HTML 출력 형식을 지정합니다.
안전성전송·삭제·명령 실행 등을 명시하고 있는가: B일부 부족파일 쓰기가 필요하지만 저장 위치와 덮어쓰기 확인 절차는 명시하지 않습니다.
도입의 용이성필요한 도구나 API 키가 적고 적혀 있는가: B일부 부족DESIGN.md를 읽어야 하지만 해당 파일을 준비하는 방법은 명시하지 않습니다.

총점은 각 항목을 A=25점, B=15점, C=5점으로 더한 값입니다. 2026년 10월 20일 기준으로 AI(OpenAI Codex)가 판정했습니다. 참고용이므로 설치 전에 원문도 확인해 주세요.

평가가 다르다고 생각되면 재검토를 요청하기

포함된 파일(4)

SKILL.md2.2 KB
assets/template.html13.4 KB
example.html12.8 KB
references/checklist.md955 B

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Retro Quarterly Review Template

A high-contrast, print-inspired quarterly review template with three cinematic slides:

Cover (hero title lockup)
Three priorities (triptych grid)
Roadmap timeline + KPI strip

Resource map

html-ppt-retro-quarterly-review/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

Workflow

Read active DESIGN.md first and map any requested token changes into CSS variables while preserving the retro blue/orange/cream visual grammar.
Start from assets/template.html; do not rebuild from scratch.
Preserve the three-slide information architecture and typographic hierarchy.
Keep interactions and motion quality:
- keyboard 1/2/3 quick jump
- R restart
- page indicator updates per scene
- premium wipe transitions and staggered reveals
Keep output self-contained (single HTML, inline CSS + JS, no framework runtime).
If adapting copy/data, keep content realistic and internally consistent.
Validate against references/checklist.md before emitting artifact.

Output contract

Emit one short orientation sentence and then the artifact:

<artifact identifier="retro-quarterly-review" type="text/html" title="Retro Quarterly Review">
<!doctype html>
<html>...</html>
</artifact>

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

같은 저장소의 스킬