SkillCDN 팩
이미 쓰는 AI 안의 마케터, 디자이너, 개발자. 숏폼 광고, 카드뉴스, 발표 덱, 웹 앱, 회의록을 직접 만들고, 보여 드리기 전에 검토합니다. 일에 맞는 스킬을 찾는 법은 docs/pack/finding-a-skill.md에 있습니다.
https://skillcdn.ai/gh/skillcdn/skills내 AI에 이 주소를 연결하면 이 스킬들을 쓸 수 있어요. 연결 방법 보기
- 저장소
skillcdn/skills - 기본 브랜치
main - 커밋
9e3fd2c - 라이선스
MIT - 검색단어와 의미
저장소 둘러보기
스킬과 문서의 원문에서 단어와 의미로 찾습니다. 화면용 번역은 검색되지 않아요.
스킬
- 문서를 덱의 디자인 그대로 Figma 슬라이드로figma-slides-from-content제안서나 보고서 같은 PDF 문서를 기존 Figma Slides 덱에 페이지당 한 장씩 새 슬라이드로 옮깁니다. 임의의 디자인이 아니라 덱에 이미 있는 디자인 체계를 씁니다. 문서의 글자 크기와 위치, 이미지를 읽고, 덱의 기존 슬라이드에서 글자 크기 체계, 색, 여백, 불릿 표시, 카드, 그림자를 측정해 페이지마다 레이아웃 유형을 정한 슬라이드 계획을 세운 뒤 Figma MCP 서버로 만들고, 모든 슬라이드를 수치와 확대 렌더로 검사해 정렬이 글리프 기준으로 맞고 같은 역할의 요소가 전부 동일하게 합니다. "이 PDF 덱에 넣어줘", "제안서 피그마로 그대로 옮겨줘", "이 덱 스타일로 문서를 슬라이드로 만들어줘", 또는 덱의 슬라이드를 한 가지 크기와 간격으로 정리해 달라고 할 때 쓰세요. 맞출 기존 슬라이드가 없는 새 덱은 이 스킬이 아니라 Figma 자체 슬라이드 가이드의 몫입니다.MIT화면에 표시하기 위한 번역입니다. 에이전트는 스킬 원문을 읽습니다.
- 브리프로 만드는 카드뉴스 (HTML 조판, PNG 내보내기)html-card-news-from-brief출처가 붙은 소재 브리프를 포맷 스펙대로(레퍼런스에서 잰 것, 또는 사용자가 고른 룩으로 그것을 바꾼 것) 인스타그램 카드뉴스로 만듭니다. HTML과 CSS로 조판하고 헤드리스 브라우저로 PNG를 뽑습니다. 모든 슬라이드는 포맷 스펙의 슬라이드 유형 중 하나로만 만듭니다(구조, 사진 처리, 어느 글이 계정의 것이고 어느 글이 자료의 것인지). 장마다 담는 내용으로 유형을 고르고 스펙의 구성 순서를 따르며, 이 스킬 자체의 레이아웃은 없습니다. 보도된 각도 하나로 한 줄기의 스크립트를 포맷의 밀도와 어투로 쓰고, 브리프의 이미지를 출처와 함께 넣고, 호스트의 프리뷰에 띄우고, 장마다 내보낸 뒤 PNG를 휴대폰 크기로 하나씩 검토해(줄바꿈, 안 보이는 화면, 스펙과 다른 위치) PNG·캡션·크레딧과 게시 전 체크리스트로 냅니다. "카드뉴스 만들어서 여기 띄워줘", "이걸로 완성본 만들어", "이것도 똑같은 방식으로 만들어"라고 할 때 쓰세요. 브리프는 web-card-news-topic-brief가, 포맷은 instagram-card-news-format-study가 재거나 html-design-variations가 그것을 바꿔 만듭니다. 스펙이 없으면 레퍼런스를 먼저 묻고, 스펙을 만드는 경로를 순서대로(레퍼런스를 변형, 레퍼런스 그대로, 레퍼런스가 없으면 후보를 찾아 고르기) 제안합니다.MIT화면에 표시하기 위한 번역입니다. 에이전트는 스킬 원문을 읽습니다.
- 내용 개요에서 HTML과 PDF 발표자료 초안html-deck-from-outline착수회의 발표, 제안서, 현황 보고 같은 슬라이드 덱의 첫 초안을 내용 개요에서 HTML 파일과 PDF로 만듭니다. 디자이너가 빈 페이지가 아니라 완성된 구조 위에서 다듬게 하는 것이 목적입니다. 개요를 슬라이드마다 유형과 블록 목록(한 문장 강조와 정의 목록, 번호 행, 순환 구성도, 간트형 일정, 절차 띠가 붙은 구성도, 실제 로고를 쓰는 브랜드 패널, 인력 소개)으로 적은 덱 파일 하나로 옮기고, 조직의 디자인 토큰으로 16:9 고정 크기의 단일 HTML로 렌더링한 뒤 크로미움 계열 브라우저로 PDF를 찍고, 덱 파일에 선언한 문안 규칙(대외 문서에서 쓰지 않는 글자와 머리말)을 검사하고, 사용자에게 보이기 전에 전체 페이지 축소판을 검토합니다. 구조는 글자, 괘선, 실제 로고로 만듭니다. 아이콘 카드 격자, 하단 단서, 페이지별 요약은 넣지 않습니다. 메모, 안건, 회의 계획에서 발표자료나 슬라이드 초안을 만들어 달라고 할 때, 디자인 도구가 아니라 HTML이나 PDF로 슬라이드가 필요할 때 쓰세요. 기존 Figma 덱 안에 그 덱의 디자인으로 슬라이드를 추가하는 일은 figma-slides-from-content의 몫입니다.MIT화면에 표시하기 위한 번역입니다. 에이전트는 스킬 원문을 읽습니다.
- 디자인 하나의 룩 네 가지, HTML로 조판한 콘택트 시트html-design-variations디자인 하나(랜딩 페이지 첫 화면, 덱의 표지와 본문 한 장, 게시물 커버, 카드뉴스 포맷의 표지와 본문 한 장, 프레임)의 룩을 네 가지로 만들어 HTML로 조판하고 브라우저로 렌더해 콘택트 시트 한 장에 모아 보여 줍니다. 레퍼런스나 기획, 또는 지금의 디자인에서 출발해 그 미감이 무엇을 말해야 하는지 읽고, 정지 화면이 보여 줄 수 있는 디자인 축(팔레트, 서체, 구성, 이미지, 형태)에 후보를 요청이 말하는 만큼 가깝게 또는 멀리 놓고, 각 후보를 데스크톱과 휴대폰 크기의 대표 화면 하나로 렌더하고, 보여 주기 전에 "AI 느낌"(아이콘 카드 격자, 그라디언트, 목업, 키커)을 판정하고, 추천과 차석과 함께 비교한 뒤 고른 룩의 토큰을 제작 스킬에 넘깁니다(카드뉴스는 빌드가 따르는 포맷 스펙으로). "이거 네 가지 룩으로 보여줘", "이 페이지 디자인 방향 뽑아줘", "이 커버 배리에이션", "이 덱 다르게 보이게", "우리만의 카드뉴스 포맷 만들어줘", "이 계정 카드뉴스처럼 하되 조금 다르게"라고 할 때, 페이지·덱·게시물을 만들기 전에 룩이 필요할 때 쓰세요. 룩 뒤의 기획은 web-concept-variations가, 생성 도구로 만들어야 하는 스틸은 그 도구 가족의 스킬이 맡습니다. 비용이 들지 않습니다.MIT화면에 표시하기 위한 번역입니다. 에이전트는 스킬 원문을 읽습니다.
- 레퍼런스 계정의 카드뉴스 포맷 분석instagram-card-news-format-study카드뉴스를 올리는 인스타그램 계정(매거진형, 이슈형, 유머형 모두), 레퍼런스 게시물 하나, 또는 한 장르의 계정 몇 곳의 캐러셀 게시물을 로그인 없이 읽어 그 포맷을 새 게시물을 만들 수 있는 스펙으로 적습니다. 프로필에서 카테고리와 게시 주기를 읽고, 보이는 게시물을 모두 열어 에이전트가 모는 브라우저로 슬라이드를 한 장씩 넘기며, 설명 대신 반복되는 것을 잽니다. 캔버스와 장수, 슬라이드 유형별 구조와 사진 처리(잘라 채우는지, 방송 화면을 로고째 그대로 두는지), 어느 글이 계정의 것인지, 글 밀도(소제목 길이, 장당 문장 수, 문장당 글자 수), 슬라이드와 캡션의 어투 패턴, 캡션의 구성과 출처 표기, 어떤 내용에 어떤 변형을 쓰는지, 하지 않는 것까지 JSON 스펙과 노트로 냅니다. "이 계정 게시물 보고 똑같이 만들 거야", "이 계정 카드뉴스 포맷 분석해줘", "이 계정 카테고리랑 포맷이 뭐야", "이 게시물처럼 만들어줘", "이 분야 카드뉴스는 어떻게 생겼어"라고 할 때 쓰세요. 게시물 자체는 html-card-news-from-brief가, 이 스펙에서 바꾼 우리만의 포맷은 html-design-variations가 만듭니다.MIT화면에 표시하기 위한 번역입니다. 에이전트는 스킬 원문을 읽습니다.