복고풍 픽셀 스타일의 세 장면 영상을 Hyperframes용 HTML로 만듭니다. 제목과 색상을 바꾸고 장면 전환과 움직임을 갖춘 구성으로 완성합니다.
- 픽셀 스타일의 소개 영상을 만들 때
- 세 장면 영상의 내용을 교체할 때
- HTML에서 장면 전환을 확인할 때
nexu-io/open-design10.3만2026년 10월 20일 업데이트
무료GitHub에 공개한국어 소개
card-twitter
Twitter나 X 게시물에 첨부할 가로형 인용문·데이터 카드를 만듭니다. 중앙의 짧은 문장에 작성자 이름, 계정, 브랜드 워터마크를 더해 이미지로 공유하기 좋게 구성합니다.
원문원문 설명 보기
Twitter quote or data card designed to pair with a post.
연동 도구X (Twitter)
AI 평가100점/ 100설치 방법 보기이럴 때 유용합니다
- 짧은 인용문을 게시물 이미지로 제작
- 데이터를 카드로 공유
- 작성자 정보를 넣어 생각 공유
- 브랜드 표시가 있는 게시물 이미지 제작
한국어 소개
할 수 있는 일
card-twitter는 Twitter나 X 게시물에 첨부할 인용문과 데이터 카드를 만듭니다. 1600×900픽셀, 16:9 비율의 화면 중앙에 두세 줄의 짧은 문장을 크게 배치합니다. 아래에는 작성자 이름, 아바타용 틀, 계정을 놓습니다. 왼쪽 위에는 내용 유형을 나타내는 작은 라벨을, 오른쪽 아래에는 브랜드 워터마크를 넣습니다.
이럴 때 유용합니다
짧은 말이나 생각을 게시물 이미지로 만들거나 데이터를 카드로 공유할 때 적합합니다. 내용의 분위기에 맞춰 어두운 배경과 밝은 배경 중 하나를 선택하고 격자, 노이즈, 점무늬 같은 은은한 질감을 더합니다. 글로 된 게시물에 작성자 정보와 브랜드 표시가 담긴 카드를 첨부할 때도 사용할 수 있습니다.
사용 예시
- “이 인용문을 작성자 이름과 계정이 있는 Twitter 카드로 만들어 주세요.”
- “이 데이터를 Data 라벨이 있는 16:9 카드로 정리해 주세요.”
- “이 생각을 중앙에 큰 글자로 배치하고 오른쪽 아래에 브랜드 워터마크를 넣어 주세요.”
주의 사항
완성된 카드의 스크린샷을 찍어 게시물에 첨부할 이미지를 얻는 방식입니다. 예시 프롬프트는 임시 문구나 이미지 대신 실제 내용과 데이터를 사용하도록 지정합니다.
이 소개문은 공개된 SKILL.md를 바탕으로 AI(OpenAI Codex)가 작성했습니다. 정확한 사양은 아래 원문을 확인하세요.
객관 평가
AI가 SKILL.md의 내용만을 근거로 4가지 관점에서 판정했습니다. 스타 수나 인기도는 판정에 넣지 않았습니다.
- 지시의 명확성언제 쓰고 무엇을 하는지 알 수 있는가
- A양호Twitter 게시물용 인용문·데이터 카드라는 용도와 배치를 명시합니다.
- 절차의 구체성절차·입출력·예시가 구체적으로 적혀 있는가
- A양호1600×900 크기, 두세 줄의 본문, 작성자 표시와 워터마크 위치를 지정합니다.
- 안전성전송·삭제·명령 실행 등을 명시하고 있는가
- A양호카드 제작과 스크린샷 활용을 설명하며 외부 게시 실행을 지시하지 않습니다.
- 도입의 용이성필요한 도구나 API 키가 적고 적혀 있는가
- A양호디자인 시스템이 불필요하다고 명시하며 필수 API 키나 추가 서비스 지정은 없습니다.
총점은 각 항목을 A=25점, B=15점, C=5점으로 더한 값입니다. 2026년 10월 20일 기준으로 AI(OpenAI Codex)가 판정했습니다. 참고용이므로 설치 전에 원문도 확인해 주세요.
평가가 다르다고 생각되면 재검토를 요청하기
포함된 파일(3)
- SKILL.md1.8 KB
- example.html3.6 KB
- example.md119 B
SKILL.md(원문)
설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
【模板: Twitter 分享卡】
- 容器
w-[1600px] h-[900px], 暗色 / 亮色二选一根据内容情绪。 - 中央一句 hero 金句 (text-6xl, font-semibold, 限 2-3 行)。
- 下方作者署名 + 头像占位 + handle。
- 左上角小标签 (类型: "Insight" / "Data" / "Quote")。
- 右下角品牌水印。
- 整张卡片有微妙的纹理 (grid 网格 / noise / dot pattern)。
- 截图后可直接配推文发出, 视觉简洁有力。
리뷰
아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.
댓글
로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.
같은 저장소의 스킬
소셜 미디어 광고와 검색 광고의 제목, 설명, 본문을 작성하고 표현을 반복해서 수정합니다. 광고 문구 후보를 준비하고 개선안을 검토할 때 활용합니다.
- 소셜 미디어 광고 제목을 작성합니다
- 검색 광고 설명을 준비합니다
- 광고 본문 표현을 검토합니다
nexu-io/open-design10.3만2026년 10월 20일 업데이트
어두운 배경과 세리프 글꼴로 패션 잡지 같은 세 페이지 동적 연출을 만듭니다. 글자 단계 표시와 장면 전환을 포함한 단일 HTML 파일로 출력합니다.
- 패션 잡지 분위기의 움직이는 소개 제작
- 짧은 이야기를 세 페이지로 표현
- 기존 브랜드 표현을 어두운 지면에 적용
nexu-io/open-design10.3만2026년 10월 20일 업데이트
브라우저에서 페이지를 살펴보고 클릭, 입력, 화면 캡처, 정보 추출을 수행합니다. OpenDesign의 로컬 미리보기를 중심으로 웹 앱의 동작과 품질을 확인합니다.
- OpenDesign 미리보기를 확인합니다
- 웹 앱의 클릭과 입력을 테스트합니다
- 페이지나 요소의 화면을 캡처합니다
nexu-io/open-design10.3만2026년 10월 20일 업데이트
AI 음악 앨범의 콘셉트 구상부터 가사 초안, 곡 순서 검토, 내보내기까지 다룹니다. 독립 제작 실험과 브랜드 음악 기획에 활용합니다.
- 독립 제작 앨범 기획
- 앨범 주제에 맞는 가사 초안 작성
- 수록곡 순서 검토
nexu-io/open-design10.3만2026년 10월 20일 업데이트
p5.js에서 계산 규칙과 난수로 생성 예술을 만듭니다. 난수의 초깃값을 고정해 같은 그림을 재현하며, 포스터와 동적인 느낌의 정지 이미지, 구도 시안 제작에 활용합니다.
- 규칙을 바탕으로 포스터를 제작합니다
- 움직임이 느껴지는 정지 이미지를 만듭니다
- 예술 작품의 구도를 시험합니다
nexu-io/open-design10.3만2026년 10월 20일 업데이트