복고풍 픽셀 스타일의 세 장면 영상을 Hyperframes용 HTML로 만듭니다. 제목과 색상을 바꾸고 장면 전환과 움직임을 갖춘 구성으로 완성합니다.
- 픽셀 스타일의 소개 영상을 만들 때
- 세 장면 영상의 내용을 교체할 때
- HTML에서 장면 전환을 확인할 때
인터뷰, 문의, 설문을 정리해 제품과 디자인 결정에 쓸 HTML 화면을 만듭니다. 근거, 주제, 확신 수준, 개선안 비교와 다음 실험을 함께 제시합니다.
Turn messy user research notes, interviews, support tickets, surveys, and product context into an evidence-backed decision room: a single HTML artifact with an evidence ledger, theme map, confidence heatmap, opportunity matrix, decision memo, and experiment queue. Use when teams need to move from qualitative signals to product or design decisions without fabricating certainty.
인터뷰 기록, 고객 문의, 설문과 이용 현황 메모를 정리해 제품이나 디자인 결정에 사용할 한 페이지의 HTML을 만듭니다. 출처 식별자가 붙은 근거 목록, 네 개에서 여섯 개의 주제, 확신 수준, 세 개에서 다섯 개의 개선안 비교표, 짧은 결정 메모와 다음 실험을 담습니다. 근거 필터링과 관련 식별자 강조 표시도 지원할 수 있습니다.
흩어진 고객 의견을 바탕으로 개선 방향을 논의하려는 팀에 적합합니다. 긴 조사 보고서를 읽을 시간이 없는 관계자에게 권고안과 함께 상충하는 의견, 부족한 정보도 공유할 수 있습니다.
조사 자료를 제공해야 합니다. 인용문, 참여 인원, 날짜, 매출 영향과 지표를 만들어 넣지 않으며 누락된 수치는 미제공으로 표시합니다. 결정 범위가 명시되지 않으면 추정한 범위임을 밝힙니다. 출력은 독립적으로 작동하는 index.html이며 프레임워크 의존성은 필수가 아닙니다.
이 소개문은 공개된 SKILL.md를 바탕으로 AI(OpenAI Codex)가 작성했습니다. 정확한 사양은 아래 원문을 확인하세요.
AI가 SKILL.md의 내용만을 근거로 4가지 관점에서 판정했습니다. 스타 수나 인기도는 판정에 넣지 않았습니다.
총점은 각 항목을 A=25점, B=15점, C=5점으로 더한 값입니다. 2026년 10월 20일 기준으로 AI(OpenAI Codex)가 판정했습니다. 참고용이므로 설치 전에 원문도 확인해 주세요.
설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
Create a single-page HTML decision artifact that helps a product or design team turn messy evidence into a clear next move. The output is not a decorative research deck. It is a working room for debate: evidence, themes, confidence, tradeoffs, and recommended experiments stay visible together.
research-decision-room/
├── SKILL.md
├── example.html
└── references/
├── checklist.md
└── evidence-model.md
Read references/evidence-model.md before synthesis and run
references/checklist.md before emitting the artifact.
Use this skill when the user has any mix of:
Do not use it for pure visual inspiration, campaign ideation, or brand moodboards.
Identify the decision scope from the user's prompt. If the user did not give a decision, derive one from the evidence and label it as inferred.
Write a short frame with:
If key context is missing and the task is not blocked, proceed with labelled assumptions instead of asking a broad question.
Normalize every useful signal into ledger rows using the model in
references/evidence-model.md.
Each ledger row must include:
id: short stable id, such as I-03, T-14, M-02.source_type: interview, usability, support, survey, analytics, sales, field
note, or stakeholder.segment: user type or "unknown".signal: one-sentence observation.quote_or_metric: direct quote, metric, or "not provided".strength: strong, medium, or weak.limitations: why this evidence may be biased or incomplete.Never invent quotes, participant counts, dates, revenue impact, or metrics. If the user did not provide a number, use "not provided" and explain what evidence would increase confidence.
Cluster evidence into 4 to 6 themes. For each theme:
Prefer verbs over nouns: "Teams abandon setup when the first blank state asks for too much" is better than "Onboarding problem".
Create an opportunity matrix with 3 to 5 options. Score each option on a 1 to 5 scale:
Show the total score, but do not let the score replace judgment. Add one sentence on why the top recommendation wins.
Write a decision memo with:
Keep the memo short enough to read in under one minute.
Produce a self-contained index.html. Use the active DESIGN.md for typography,
spacing, color roles, and component tone, but keep the information architecture
stable:
The artifact should be interactive but durable. Simple vanilla JavaScript is allowed for filtering evidence, switching views, or highlighting related ids. No framework dependency is required.
Run the checklist. Then emit one concise orientation sentence and one HTML artifact:
<artifact identifier="research-decision-room" type="text/html" title="Research Decision Room">
<!doctype html>
<html>...</html>
</artifact>
Nothing after the closing </artifact>.
아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.
로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.
복고풍 픽셀 스타일의 세 장면 영상을 Hyperframes용 HTML로 만듭니다. 제목과 색상을 바꾸고 장면 전환과 움직임을 갖춘 구성으로 완성합니다.
소셜 미디어 광고와 검색 광고의 제목, 설명, 본문을 작성하고 표현을 반복해서 수정합니다. 광고 문구 후보를 준비하고 개선안을 검토할 때 활용합니다.
어두운 배경과 세리프 글꼴로 패션 잡지 같은 세 페이지 동적 연출을 만듭니다. 글자 단계 표시와 장면 전환을 포함한 단일 HTML 파일로 출력합니다.
브라우저에서 페이지를 살펴보고 클릭, 입력, 화면 캡처, 정보 추출을 수행합니다. OpenDesign의 로컬 미리보기를 중심으로 웹 앱의 동작과 품질을 확인합니다.
AI 음악 앨범의 콘셉트 구상부터 가사 초안, 곡 순서 검토, 내보내기까지 다룹니다. 독립 제작 실험과 브랜드 음악 기획에 활용합니다.
p5.js에서 계산 규칙과 난수로 생성 예술을 만듭니다. 난수의 초깃값을 고정해 같은 그림을 재현하며, 포스터와 동적인 느낌의 정지 이미지, 구도 시안 제작에 활용합니다.