giting

앱 UI 메뉴판 — 모바일 앱 UI를 말이 아니라 이름으로 시키는 사전. 8코스 76항목, 별칭 → 정식 명칭 → 요청 문장 → 네이티브(SwiftUI·Flutter·React Native) 매핑. 웹은 ui-menu

1 skill

창발 캔버스 모션 엔진 + 레시피 — GSAP·Lottie 없이 Canvas 2D + rAF 로 살아 있는 모션. 고정 timestep 루프·아이소·깊이 정렬·보이드·플로우필드·A*·파티클·스프라이트 글로우·큐레이션 스킴 + reduced-motion/DPR/성능 규율(motion-lint). 쇼피스 3종(아이소 허브·오로라 플로우·별자리 네트워크)

1 skill

자막 싱크 검사·교정. AI 가 만든 SRT·VTT 를 넷플릭스 공개 기준(한 줄 16자·초당 12자·2프레임 간격·컷 맞춤)으로 재고 기계로 되는 것은 고친 뒤, 못 읽을 만큼 빠른 자막은 뜻을 지키며 줄이고 다시 잰다. 자막 색(글자는 흰색, 포인트 한 군데, 외곽선 대비)까지 21규칙 의존성 0 도구 + 말로 시킬 때 쓰는 이름 18

1 skill

캐러셀 메뉴판 — 인스타 캐러셀·카드뉴스를 '장마다 무슨 꼴로, 어떤 순서로'로 짓게 해 주는 사전. 4코스 24항목(표지·본문 장·끝 장·장치) 별칭→정식명→요청 문장→1080×1350 실물 견본 + 6장 레시피 넷(큐레이션·꿀팁·비교·시리즈). 룩은 design-brief에서.

1 skill

안 만들어도 되는 것 사전 — 과잉설계를 증상으로 짚고 표준 한 줄로. 15항목, 실측 before/after, 즉방/분기

1 skill

CSS 증상 사전 — 깨진 화면을 증상으로 찾는 사전. 8코스 42항목, 깨진/고친 실물 나란히 + 즉방형/분기형 처방

1 skill

AI가 밋밋한 기본 룩 대신 일관된 UI를 짓게 하는 DESIGN.md 생성 — 팔레트·타입·간격+'왜' 템플릿 + 안티-슬롭 + 46 스타일 + 색 추출기 + 사이트 실측(주소를 넣으면 화면을 재서 DESIGN.md 초안) + 지은 페이지의 AI 기본 룩 검사기

1 skill

브라우저에서 바로 고치고 저장하는 문서 — HTML은 편집기를 품고, Markdown은 소스+프리뷰 단독 편집기. File System Access + 자동저장 + 배포용 내보내기, 의존성 0

1 skill

흐름 메뉴판 — 「결제 화면 만들어줘」를 장 단위 계획으로. 장마다 부품을 app-menu 이름 그대로, 장을 넘겨도 지킬 규칙을 따로. 흐름은 결제 · 가입 · 예약 · 배달 추적 · 환불 5장씩, 실제 앱 화면에서 확인

1 skill

웹폰트 사전. 인상으로 폰트 고르고 어디서 어떻게 불러오는지 로딩 스니펫째. 7맥락 34종(한글 제목·손글씨 10 포함) + 제목·본문 짝 12, Google/Fontshare/jsDelivr 로더 구분·라이선스. Google에 없는 폰트를 Google 링크에 박아 폴백시키는 사고를 막음

1 skill

그리드 메뉴판. 포스터·표지 한 장을 '세련되게' 대신 그리드 이름으로 시키는 사전. 그리드 종류 10 · 놓는 법 8 · 글자 놓기 6, 24항목마다 별칭 → 정식 명칭 → 요청 문장 → 그리드 선을 켜고 끄는 4:5 견본 + 포스터 레시피 넷(전시·공연·강연·공지). 결과는 그리드 선 켠 판과 끈 판 두 장으로 받는다

1 skill

한글 줄바꿈 실측·교정. 어절이 두 줄로 쪼개진 자리(간단/한)를 실제 브라우저에서 폭별로 재서 찾고, 제목·본문·좁은 칸·코드 자리별로 다르게 고친 뒤 다시 잰다. 의존성 0 검사기 포함(끝 코드로 배포 앞 검사 가능). keep-all 을 아무 데나 줘서 칸을 뚫는 사고, break-all 로 넘침을 덮는 사고까지 잡는다

1 skill

랜딩 메뉴판 — 랜딩을 '무슨 섹션을 어떤 순서로'로 짓게 해 주는 사전. 7코스 31섹션(히어로·신뢰·기능·작동·전환·뼈대·상세페이지) + 업종별 레시피 6(룩 견본) 별칭→정식명→요청문장→실물 HTML + 제너릭 회피 규칙. 룩은 design-brief, 구조는 여기

1 skill

모션 메뉴판 — '역동적으로 해줘' 대신 이름으로 시키는 영상·화면 모션 사전. 19코스 436항목(카메라 기본·강조/전환·전환/디졸브/리빌·키네틱 타이포·타이밍/질감·효과/시간·화면 전환 40·배경 40·글자 연출 40·글자 몸짓 26·화면 전환 2·데이터 모션 26·아이콘·로고 몸짓 24·소셜 오버레이 47·그래픽 기법 24·배경 2·오프닝 타이틀 24·숫자 연출 16·도식 모션 24) 별칭→정식명(한·영)→요청 문장→만드는 법(AI 영상·모션 그래픽·CSS)→움직이는 실물 데모 + 헷갈리는 쌍 구분 + 애칭 표시 + 샷 조합 레시피 + 세기 셋(약·보통·강 숫자). AI 영상 생성(Runway·Kling·Sora)·모션 그래픽(HyperFrames 등) 프롬프트용

1 skill

캐릭터 참조 한 장으로 픽셀아트 달리기 사이클 — 4x4·16프레임 프롬프트 템플릿 + 결정적 후처리기(자르기·제자리 정렬·투명 GIF·QA). 제자리서 달리고 안 미끄러짐

1 skill

AI 제품 사진 — 제형(물성 5축)·로고 안 틀리는 제품 이미지(재생성 금지·합성)·미니멀 광고컷 + 레퍼런스에서 제품색 뽑는 결정적 색 추출기

1 skill

Claude Code 세션끼리 @메시지 진단·해결 — @가 안 걸리는 이유(이름 없음·공백·중복)·-n/rename/fork·세션 명령. 공식 문서 검증본

1 skill

스프레드시트(로컬 CSV·공개 Google Sheet)를 안전·저비용으로 읽고 쓰기 — 통째 안 붓고 스키마·샘플·통계만, 앞자리 0·전화번호 텍스트 보존, 안전한 추가. stdlib만·인증 없음

1 skill

Giting Skills 입구. 「어떤 스킬 써야 해?」를 받아 맞는 스킬 많아야 둘로 안내하고, 안 깔려 있으면 설치 명령 한 줄을 준다. 일은 하지 않고 안내만 한다

1 skill

PPT·발표자료 만들기 전 '무엇을 그릴지' 고르는 선택 사전 — 청중 판단 → 레이아웃/차트/도형 후보 → 금지. + 채워쓰는 PPT 프롬프트 템플릿

1 skill

썸네일 메뉴판 — 유튜브 썸네일·쇼츠 표지를 이름으로 시키게 해 주는 사전. 6갈래 40항목(구도·주인공·글자·장치·색과 바탕·시리즈와 형식) 별칭→정식명(한·영)→요청 문장→1280×720 실물 견본 + 처음부터 끝까지 12단계(약속 한 줄 → 소재 찍기 → … → 작게 보기 → 테스트 및 비교) + 영상 종류별 레시피 6 + 영문 이름 A–Z. 견본 그림은 전부 우리가 만든 것.

1 skill

타입스크립트 에러 사전 — TS 에러를 사람 말로 옮기고 any 없이 제대로 고침. 6코스 15항목, 실제 tsc 원문 + before/after

1 skill

UI 메뉴판 — 말로 설명하던 UI에 이름을 붙여 주는 사전 + 실물 HTML 132종(웹 연출 24 · 카드 줄이기 2 · 커버플로 포함) + shadcn 매핑 59항목

1 skill