generate-assets
높은 위험 38Replicate로 웹 에셋 생성
작성자 AayushBaniya2006
일관된 웹사이트 이미지를 만들다 보면 컴포넌트 작업이 느려질 수 있습니다. 이 스킬은 Replicate와 Sharp를 사용해 WebP 에셋을 생성, 최적화, 저장합니다.
좋아하는 스킬을 재사용 가능한 컬렉션으로 묶고, 명령 하나로 설치하세요.
Replicate로 웹 에셋 생성
작성자 AayushBaniya2006
일관된 웹사이트 이미지를 만들다 보면 컴포넌트 작업이 느려질 수 있습니다. 이 스킬은 Replicate와 Sharp를 사용해 WebP 에셋을 생성, 최적화, 저장합니다.
AI 제품 에셋 생성
작성자 AayushBaniya2006
팀은 제품 페이지, 문서, 마케팅 화면에 일관된 시각 에셋이 필요합니다. 이 스킬은 DALL-E 생성을 안내하고 파일을 프로젝트 에셋 폴더에 저장합니다.
인플루언서 랜딩 페이지 전환 최적화
작성자 aaron-he-zhu
랜딩 페이지가 크리에이터의 메시지와 일치하지 않거나 제안을 간단명료하게 전달하지 못하면 인플루언서 유입 방문자는 이탈하는 경우가 많습니다. 이 스킬은 메시지의 연속성을 점검하고 우선순위가 지정된 전환 및 테스트 계획을 수립합니다.
반응형 이메일 HTML 구축
작성자 aaron-he-zhu
이메일 레이아웃은 클라이언트, 다크 모드, 이미지 차단 환경에 따라 깨지는 경우가 많습니다. 이 스킬은 견고한 HTML을 구축하고 클라이언트별 위험 요소를 문서화합니다.
수업용 시각 자료 브리프 만들기
작성자 92Bilal26
교육용 이미지 프롬프트는 수업 목표를 놓친 일반적인 다이어그램을 생성하는 경우가 많습니다. 이 스킬은 수업 맥락을 학습자에게 적합한 시각 자료를 위한 집중된 크리에이티브 브리프로 전환합니다.
구조화된 리뷰로 UX 컴포넌트 평가
작성자 92Bilal26
팀은 인터페이스 컴포넌트를 변경하기 전에 일관된 UX 피드백이 필요합니다. 이 스킬은 위치, 시각적 비중, 간격에 대한 3단계 프레임워크를 적용합니다.
Gemini로 교육용 시각 자료 생성
작성자 92Bilal26
강의 팀은 개념을 빠르게 설명하는 일관된 시각 자료가 필요합니다. 이 스킬은 크리에이티브 브리프를 품질 관문과 파일 정리 체계를 갖춘 Gemini 이미지 생성 워크플로로 전환합니다.
WCAG 준수를 위한 웹 접근성 감사
작성자 89jobrien
접근성 격차는 사용자를 차단하고 준수 리스크를 만들 수 있습니다. 이 스킬은 WCAG 감사, 스크린 리더 점검, 키보드 테스트, 개선 계획 수립을 안내합니다.
Create Music-Synchronized Educational Videos
작성자 immurray
Educational short videos require research, clear animation, and careful music timing. This skill coordinates agent work and local tools to produce narration-free vertical videos.
Convert Markdown to WeChat Article HTML
작성자 dontbesilent2025
Markdown articles can lose formatting when pasted into the WeChat editor. This skill guides HTML generation with inline styles and local previews for manual publishing.
Build and Refine Interfaces with Uizze
작성자 uizze
Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.
Create Narrated Hand-Drawn Explainer Videos
작성자 threerocks
Turning articles into clear animated explanations requires coordinated narration, visuals, and timing. This skill plans scenes and renders hand-drawn videos around a verified continuous narration track.
Capture Web Pages with CurlShot
작성자 sergiupogor
Creating consistent web captures across devices and formats requires repeated setup. This skill guides Claude and Codex through CurlShot requests for screenshots, PDFs, and scrolling videos.
Create Technical Drawings With Editable Exports
작성자 jakubkrehel
Technical illustrations can lose consistency when views, annotations, and exports are created separately. This skill builds shared geometry and packages a local viewer with coordinated downloads.
Review SaaS Conversion, Onboarding, and Pricing
작성자 heliocosta-dev
SaaS teams lose users when interfaces obscure value or create unnecessary effort. This sourced playbook guides design reviews across acquisition, activation, retention, and monetization.
Create HTML Prototypes, Slides, and Animations
작성자 alchaincyf
Visual briefs need clear direction, consistent assets, and practical export options. Huashu Design guides three visual drafts, HTML implementation, local verification, and optional presentation or video exports.
FigJam 플러그인 기능 구축
작성자 7nohe
FigJam plugin 변경은 메인 스레드와 UI API가 섞이면 실패할 수 있습니다. 이 스킬은 Claude, Codex, Claude Code가 프로젝트 구조, 빌드 흐름, 가져오기 워크플로를 따라가도록 안내합니다.
차별화된 랜딩 페이지 디자인
작성자 2389-research
일반적인 랜딩 페이지는 신뢰나 관심을 얻지 못합니다. 이 스킬은 Claude, Codex, Claude Code가 탐색, 구조화, 시각적 방향성, 애니메이션, 전환 중심의 마무리 작업을 진행하도록 안내합니다.
이 변형이 1위인 이유
2389-research-landing-page-design
2026-10-13
101-skills-landing-page-design
2026-10-12
halt-catch-fire-landing-page-design
2026-09-09
Build Interactive Isometric Technical Explainers
작성자 wheresryan22
Technical concepts can be difficult to explain with static diagrams. Anatomy guides assistants to build detailed physical mechanisms with interactive motion and consistent numeric readouts.
Create Motion-Controlled Videos with Layer
작성자 layerai
Video prompts can produce weak motion, drifting subjects, or clips with the wrong duration. This skill guides Layer model selection, image anchoring, motion prompts, and loop checks.