visual-qa
중간 위험 50시각적 QA로 반응형 페이지 검토
작성자 CrazySwami
반응형 웹사이트는 애니메이션 변경 후 레이아웃 결함을 숨길 수 있습니다. 이 스킬은 집중적인 시각적 검토를 위해 여러 기기 크기에서 스크롤된 전체 페이지 스크린샷을 캡처합니다.
좋아하는 스킬을 재사용 가능한 컬렉션으로 묶고, 명령 하나로 설치하세요.
시각적 QA로 반응형 페이지 검토
작성자 CrazySwami
반응형 웹사이트는 애니메이션 변경 후 레이아웃 결함을 숨길 수 있습니다. 이 스킬은 집중적인 시각적 검토를 위해 여러 기기 크기에서 스크롤된 전체 페이지 스크린샷을 캡처합니다.
접근성 높은 GSAP 애니메이션 구축
작성자 CrazySwami
명확한 가드레일 없이 구현된 최신 웹 애니메이션은 성능과 접근성을 해칠 수 있습니다. 이 스킬은 세련된 애니메이션 작업을 위해 Claude에게 실용적인 GSAP 패턴, 테스트 단계, 출시 점검 항목을 제공합니다.
웹사이트용 브랜드 스타일 가이드 만들기
작성자 CrazySwami
팀에는 브랜드 색상, 서체, 이미지, 반응형 규칙에 대한 명확한 기록이 없는 경우가 많습니다. 이 스킬은 사이트 자산과 브랜드 입력을 Claude, Codex, Claude Code 워크플로에서 사용할 수 있는 구조화된 가이드 콘텐츠로 변환합니다.
AI 비디오 제작 워크플로 만들기
작성자 coreyhaines31
AI 모델, 아바타, 코드 도구를 넘나들며 비디오를 제작하는 일은 계획하기 어려울 수 있습니다. 이 스킬은 도구 선택, 프롬프트, 워크플로, 제작 단계를 안내합니다.
웹사이트 아키텍처 계획
작성자 coreyhaines31
웹사이트 팀은 페이지, 내비게이션, URL을 체계적으로 구성하는 데 어려움을 겪는 경우가 많습니다. 이 스킬은 명확한 계층 구조, 시각적 사이트맵, URL 맵, 링크 계획을 만듭니다.
가입 흐름 전환 최적화
작성자 coreyhaines31
가입 흐름은 추가 필드, 불명확한 오류, 약한 신뢰 신호로 인해 사용자를 자주 잃습니다. 이 스킬은 등록 경험을 진단하고 집중적인 CRO 개선안을 제안합니다.
전환율을 높이는 마케팅 페이지 최적화
작성자 coreyhaines31
마케팅 페이지는 불명확한 메시지, 약한 CTA, 또는 부족한 신뢰 신호 때문에 방문자를 잃는 경우가 많습니다. 이 스킬은 페이지 구조를 검토하고 우선순위가 정리된 CRO 권장 사항을 제공합니다.
마케팅 이미지를 더 빠르게 제작하기
작성자 coreyhaines31
마케팅 팀에는 채널, 브랜드, 성과 목표에 맞는 이미지가 필요합니다. 이 스킬은 프롬프트, 도구 선택, 크기, 목업, 최적화를 안내합니다.
접근성 높은 시각적 경험 구축
작성자 CleanExpo
시각적 경험은 페이지 전반에서 일관성이 떨어지거나 느려지거나 접근성이 낮아질 수 있습니다. 이 스킬은 명확한 안전 제약 조건과 함께 애니메이션, 갤러리, 데모, Three.js 업데이트를 안내합니다.
마케팅용 AI 비디오 기획 만들기
작성자 CleanExpo
마케팅 팀은 생성 도구를 사용하기 전에 명확한 비디오 기획이 필요합니다. 이 스킬은 캠페인 아이디어를 스크립트, 샷 리스트, 플랫폼별 참고 사항, 편집 가이드로 전환합니다.
디자인 시스템 UI 컴포넌트 만들기
작성자 CleanExpo
팀에는 로컬 디자인 규칙을 따르는 일관된 UI 컴포넌트가 필요합니다. 이 스킬은 토큰, 상태, 반응형 레이아웃, 접근성을 포함해 shadcn/ui 생성을 안내합니다.
더 나은 에이전트 도구 설계
작성자 ChakshuGautam
에이전트 도구는 설명, 스키마, 오류가 명확하지 않을 때 실패합니다. 이 스킬은 더 깔끔한 도구 인터페이스와 더 작은 도구 세트를 위한 실용적인 패턴을 제공합니다.
이 변형이 1위인 이유
chakshugautam-tool-design
2026-09-09
접근 가능한 UI 컴포넌트와 피드백 양식 만들기
작성자 Chachamaru127
팀은 일반적인 패턴을 매번 다시 만들지 않고도 일관된 UI 컴포넌트와 피드백 흐름이 필요합니다. 이 스킬은 Claude, Codex, Claude Code가 접근 가능한 React 중심 UI를 생성하도록 안내합니다.
게임 탐험 지역 생성
작성자 CesarAugustusGroB
게임 팀은 SHINOBI WAY 규칙에 맞는 일관된 탐험 콘텐츠가 필요합니다. 이 스킬은 Claude, Codex 또는 Claude Code를 위한 지역, 장소, 방, 정보 임무 및 경로 설계를 안내합니다.
일관된 아트 스타일 가이드 정의
작성자 CesarAugustusGroB
시각 프로젝트는 색상, 형태, 조명, 텍스처가 문서화되지 않으면 일관성을 잃습니다. 이 스킬은 아트 디렉션 결정을 구조화된 스타일 가이드로 전환합니다.
타임스탬프 컷으로 음성 동영상 정리
작성자 Ceeon
음성 동영상에는 실수, 군말, 긴 무음 구간이 자주 포함됩니다. 이 스킬은 확인된 타임스탬프 편집을 FFmpeg로 적용하고 전사를 통해 결과를 확인합니다.
Gemini 스타일 프롬프트로 이미지 생성
작성자 Ceeon
채팅 프롬프트로 이미지를 만들려면 API 설정과 업로드 단계가 필요할 수 있습니다. 이 스킬은 Claude Code가 텍스트-이미지, 이미지-이미지, 프롬프트 형식 지정 워크플로를 진행하도록 안내합니다.
Create Branded Technical Diagrams
작성자 cathrynlavery
Technical diagrams often become inconsistent, crowded, or inaccessible. This skill applies structured layouts, brand tokens, accessibility checks, and export workflows.
MIDI 기반 음악 및 MP3 오디오 만들기
작성자 Cam10001110101
코드로 오리지널 기악 음악을 만드는 일은 복잡하며 MIDI, 합성, 렌더링 지식이 필요합니다. 이 스킬은 오디오 파일을 작곡, 변환, 렌더링, 검증하기 위한 워크플로와 스크립트를 제공합니다.
인터랙티브 생성형 아트 만들기
작성자 Cam10001110101
아티스트와 팀은 설정 없이 탐색할 수 있는 재현 가능한 생성형 아트가 필요합니다. 이 스킬은 콘셉트를 컨트롤과 PNG 내보내기가 포함된 시드 기반 p5.js HTML 아티팩트로 변환합니다.