크리에이티브 스킬

花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家（UX/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、做个HTML页面、做个可视化、app原型、iOS原型、导出MP4/GIF、60fps视频、设计风格、设计方向、配色方案、推荐风格、选个风格、做个好看的、评审、好不好看、review this design、带解说的动画、解说视频、长视频科普、voiceover、narration、5分钟讲清楚什么是XX。需求模糊时进设计方向顾问（三套逻辑并行出3版真实视觉，HTML原生40种风格库网页20+PPT20为弹药）；另含品牌资产协议、反AI slop、Junior工作流、Tweaks变体、动画→MP4/G

프랑스어 텍스트에서 AI 작성 패턴을 제거하고 목소리, 개성, 생동감을 주입합니다. ChatGPT/Claude 출력처럼 읽히는 프랑스어 콘텐츠를 편집, 검토, 재작성, 정리할 때 사용하세요. 휴머나이즈, 휴머니즈, 데슬로피파이. 27가지 패턴을 감지하고 수정합니다: AI 어휘 과다 사용(crucial, essentiel, notamment, par ailleurs, dans le paysage), 영어 우선 모델에서 비롯된 앵글리시즘(faire du sens, adresser un problème), 코퓰러 회피, 정형화된 도입부(À l'ère de, Dans le paysage actuel),...

텍스트에서 AI 생성 흔적을 제거합니다. 텍스트를 편집하거나 검토할 때 더 자연스럽고 인간이 쓴 것처럼 들리게 합니다. 위키백과의 "AI 글쓰기 특징" 종합 가이드를 기반으로 합니다. 과장된 상징성, 선전적 언어, -ing로 끝나는 피상적 분석, 모호한 귀속, 대시 과다 사용, 삼단식 법칙, AI 어휘, 부정적 병렬 구조, 과도한 연결 구문과 같은 패턴을 감지하고 수정합니다.

We need to translate the given English text into Korean. The instruction says to preserve the name "hyperframes" (which appears as "HyperFrames" in the text). Also preserve technical terms like "HTML", "agent", "workflow", "domain skills". The text is a description of an agent skill. We must not add any extra commentary or labels. Just translate the text inside <text> tags. The text: "READ THIS FIRST for any request to make, create, edit, animate, or render a video, animation, or motion graphic — a promo, explainer, captioned clip, title card, overlay, or any composition. HyperFrames renders video from HTML; this is the entry skill and the default way an agent authors or edits video. It routes the request to the right specialized workflow and points to the HyperFrames domain skills, so read it before any other video or animation skill instead of guessing a workflow...." We need to translate naturally into Korean. Keep the name "HyperFrames" as is. Also "HTML" as is.

HyperFrames의 모든 애니메이션 지식 — 원자적 모션 규칙, 다중 단계 씬 청사진, 씬 전환, 광범위한 모션 디자인 기법, 그리고 7개의 런타임 어댑터(GSAP 기본, Lottie, Three.js, Anime.js, CSS 키프레임, Web Animations API, TypeGPU). 모든 모션 또는 애니메이션 작업에 사용: 2-4개의 규칙을 선택하여 구성하거나, 청사진을 로드하거나, 런타임별 API(GSAP 이징 / Lottie 플레이어 / Three.js 믹서 등)를 조회합니다. HyperFrames 네이티브: 단일 일시 정지 타임라인, 시크 안전,...

HyperFrames HTML 구성 계약. 구성 구조, 데이터 속성, 클립, 트랙, 하위 구성, 변수, 미디어 재생, 결정적 렌더링 규칙 및 최소 렌더링 가능 프로젝트의 검증에 사용합니다.

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.

Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

동영상, 애니메이션, 모션 그래픽, 설명 영상, 타이틀 카드, 오버레이, 자막 영상, 제품 홍보 영상, 웹사이트 영상, 홍보 또는 변경 로그 영상, 데이터 몽타주, 모션 포스터 또는 HyperFrames HTML 구성을 만들거나, 생성하거나, 편집하거나, 애니메이션화하거나, 렌더링하는 모든 요청에 대해 여기서 시작하세요. 사용자가 HyperFrames가 완성된 MP4/웹 동영상을 제작하거나 렌더링하도록 하거나, 워크플로를 선택하거나, 제품 출시 동영상, 얼굴 없는 설명 영상, 웹사이트-투-비디오 등 중에서 경로를 지정하려는 경우 다른 동영상 또는 애니메이션 스킬보다 먼저 사용하세요.

원시 아이디어를 구조화된 발산 및 수렴 사고를 통해 날카롭고 실행 가능한 개념으로 다듬습니다. 아이디어가 여전히 모호할 때, 계획을 확정하기 전에 가정을 검증해야 할 때, 또는 하나로 수렴하기 전에 옵션을 확장하고 싶을 때 사용합니다. "ideate", "refine this idea", 또는 "stress-test my plan"에 의해 트리거됩니다.

사용자가 마케팅용 이미지(블로그 히어로, 소셜 그래픽, 제품 목업, 프로필 배너, 리스팅 비주얼, 브랜드 에셋)를 생성, 편집, 최적화하려 할 때. 또한 사용자가 'AI 이미지 생성', '이미지 생성', '그래픽 제작', '제품 목업', '히어로 이미지', '소셜 미디어 그래픽', '배너 이미지', '커버 사진', '프로필 배너', '리스팅 스크린샷', 'Flux', 'Flux Kontext', 'Midjourney', 'DALL-E', 'GPT Image', 'ChatGPT Images', 'Ideogram' 등을 언급할 때도 사용합니다.

RunComfy에서 이미지 편집 — 이 스킬은 사용자의 의도를 RunComfy 카탈로그 내 적절한 편집 모델에 매칭하는 스마트 라우터입니다. Nano Banana Edit(최대 20개 배치, 정체성 보존 기본값), OpenAI GPT Image 2 Edit(다국어 이미지 내 텍스트 재작성, 다중 참조 구성, 레이아웃 정밀도), Flux Kontext Pro(단일 참조 고충실도 로컬 편집), 또는 Z-Image Turbo Inpaint(마스크 기반 정밀 영역 편집)를 선택합니다. 각 모델의 문서화된 프롬프트 패턴을 번들로 제공하여 스킬이...

RunComfy에서 이미지 편집 — 이 스킬은 사용자의 의도를 RunComfy 카탈로그 내 적절한 편집 모델에 매칭하는 스마트 라우터입니다. Nano Banana Edit(최대 20개 배치, 정체성 보존 기본값), OpenAI GPT Image 2 Edit(다국어 이미지 내 텍스트 재작성, 다중 참조 구성, 레이아웃 정밀도), Flux Kontext Pro(단일 참조 고충실도 로컬 편집), 또는 Z-Image Turbo Inpaint(마스크 기반 정밀 영역 편집)를 선택합니다. 각 모델의 문서화된 프롬프트 패턴을 번들로 제공하여 스킬이...

RunComfy에서 이미지 편집 — 이 스킬은 사용자의 의도를 RunComfy 카탈로그 내 적절한 편집 모델에 매칭하는 스마트 라우터입니다. Nano Banana Edit(최대 20개 배치, 정체성 보존 기본값), OpenAI GPT Image 2 Edit(다국어 이미지 내 텍스트 재작성, 다중 참조 구성, 레이아웃 정밀도), Flux Kontext Pro(단일 참조 고충실도 로컬 편집), 또는 Z-Image Turbo Inpaint(마스크 기반 정밀 영역 편집)를 선택합니다. 각 모델의 문서화된 프롬프트 패턴을 번들로 제공하여 스킬이...

We need to translate the given English text into Korean, preserving the specified names and technical terms. The text describes a mask-driven image inpainting skill on RunComfy via the runcomfy CLI. It mentions routes to specific models: Tongyi MAI Z-Image Turbo Inpainting, Nano Banana 2 Edit, GPT Image 2 Edit, FLUX Kontext Pro. Also mentions use cases: object removal, watermark removal, region replacement, blemish cleanup, etc. We must not include the name "image-inpainting" unless it appears in the source text. It does appear in the first sentence: "Mask-driven image inpainting on RunComfy..." So we should translate that part including the name? The instruction says: "Do not include the name unless it appears in the source text." It does appear, so we include it in translation. But careful: "Name to preserve: image-inpainting" means we should preserve that exact term in the translation? The instruction says "Preserve product names, protocol names, URLs, numbers, and technical terms

Mask-driven image inpainting on RunComfy via the `runcomfy` CLI. Routes to Tongyi MAI Z-Image Turbo Inpainting (the dedicated inpainting endpoint with mask, strength, and control-scale) and to identity-preserving edit models (Nano Banana 2 Edit, GPT Image 2 Edit, FLUX Kontext Pro) when a mask isn't available and the region must be described instead. Use for object removal, watermark removal, region replacement, blemish cleanup, and any controlled local edit where a binary mask defines the...

Mask-driven image inpainting on RunComfy via the `runcomfy` CLI. Routes to Tongyi MAI Z-Image Turbo Inpainting (the dedicated inpainting endpoint with mask, strength, and control-scale) and to identity-preserving edit models (Nano Banana 2 Edit, GPT Image 2 Edit, FLUX Kontext Pro) when a mask isn't available and the region must be described instead. Use for object removal, watermark removal, region replacement, blemish cleanup, and any controlled local edit where a binary mask defines the...

Image outpainting on RunComfy via the `runcomfy` CLI — extend a still beyond its original canvas, fill in what the camera didn't capture, change aspect ratio (square → 16:9, portrait → landscape) while preserving the original content. Routes across Nano Banana 2 Edit (default, spatial-language driven), GPT Image 2 Edit (multi-ref with reference-style matching), FLUX Kontext Pro (single-shot maximum-preservation), and the brand edit endpoints (Seedream / Dreamina / Qwen / FLUX 2). Picks the...

Image outpainting on RunComfy via the `runcomfy` CLI — extend a still beyond its original canvas, fill in what the camera didn't capture, change aspect ratio (square → 16:9, portrait → landscape) while preserving the original content. Routes across Nano Banana 2 Edit (default, spatial-language driven), GPT Image 2 Edit (multi-ref with reference-style matching), FLUX Kontext Pro (single-shot maximum-preservation), and the brand edit endpoints (Seedream / Dreamina / Qwen / FLUX 2). Picks the...

Image outpainting on RunComfy via the `runcomfy` CLI — extend a still beyond its original canvas, fill in what the camera didn't capture, change aspect ratio (square → 16:9, portrait → landscape) while preserving the original content. Routes across Nano Banana 2 Edit (default, spatial-language driven), GPT Image 2 Edit (multi-ref with reference-style matching), FLUX Kontext Pro (single-shot maximum-preservation), and the brand edit endpoints (Seedream / Dreamina / Qwen / FLUX 2). Picks the...

Codex를 위한 엘리트 웹사이트 이미지-투-코드 스킬입니다. 시각적으로 중요한 웹 작업의 경우, 먼저 디자인 이미지 자체를 생성하고, 이를 심층 분석한 후, 가능한 한 정확하게 일치하도록 웹사이트를 구현해야 합니다. Codex에서는 작고 압축된 보드 대신 크고 읽기 쉬운 섹션별 이미지를 선호하고, 오래된 이미지를 자르는 대신 섹션이나 세부 보기를 위한 새로운 독립형 이미지를 생성하며, 게으른 과소 생성을 피하고, 카드 속 카드 속 카드 UI를 피하며, 다음을 유지해야 합니다...

정지 영상을 비디오로 변환하는 가이드: 모델 선택, 모션 프롬프팅, 카메라 움직임. Wan 2.5 i2v, Seedance, Fabric, Grok Video를 각각 사용해야 하는 경우를 다룹니다. 용도: 이미지 애니메이션, 정지 영상으로 비디오 생성, 모션 추가, 제품 애니메이션. 트리거: image to video, i2v, animate image, still to video, add motion to image, image animation, photo to video, animate still, wan i2v, image2video, bring image to life, animate photo, motion from image

We need to translate the given text from English to Korean. The text describes a skill called "image-to-video" but the instruction says not to include the name unless it appears in the source text. The name "image-to-video" does appear in the source? Actually the source says "Animate any still image on RunComfy — this skill is a smart router..." The skill name is not explicitly given as "image-to-video" in the text; the directory item type is "agent skill" and the name to preserve is "image-to-video". But the instruction says "Do not include the name unless it appears in the source text." The name "image-to-video" does not appear in the source text. So we should not add it. We just translate the text inside <text>. The text: "Animate any still image on RunComfy — this skill is a smart router that matches the user's intent to the right i2v model in the RunComfy catalog. Picks HappyHorse 1.0 I2V (A

We need to translate the given text from English to Korean. The text describes a skill called "image-to-video" but the instruction says not to include the name unless it appears in the source text. The name "image-to-video" appears in the source? Actually the source says "Animate any still image on RunComfy — this skill is a smart router..." The name is not explicitly given as "image-to-video" in the text? Wait, the directory item type is "agent skill" and the name to preserve is "image-to-video". But the instruction says: "Do not include the name unless it appears in the source text." The source text does not contain the string "image-to-video". So we should not add it. We just translate the text inside <text>. Also preserve product names, protocol names, URLs, numbers, technical terms. So "RunComfy", "HappyHorse 1.0 I2V", "Arena #1", "Wan 2.7", "audio_url", "Seedance

Animate any still image on RunComfy — this skill is a smart router that matches the user's intent to the right i2v model in the RunComfy catalog. Picks HappyHorse 1.0 I2V (Arena #1, native audio, identity preservation) for general animations, Wan 2.7 with `audio_url` for custom-voiceover lip-sync, or Seedance 2.0 Pro for multi-modal animation from image + reference video + reference audio. Bundles each model's documented prompting patterns so the caller gets sharper output without burning...

정지 영상을 비디오로 변환하는 가이드: 모델 선택, 모션 프롬프팅, 카메라 움직임. Wan 2.5 i2v, Seedance, Fabric, Grok Video를 각각 사용해야 할 시점과 함께 다룹니다. 용도: 이미지 애니메이션, 정지 영상으로 비디오 만들기, 모션 추가, 제품 애니메이션. 트리거: image to video, i2v, animate image, still to video, add motion to image, image animation, photo to video, animate still, wan i2v, image2video, bring image to life, animate photo, motion from image

We need to translate the given text from English to Korean. The text describes a skill called "image-to-video" but the instruction says not to include the name unless it appears in the source text. The name "image-to-video" does appear in the source? Actually the source text starts with "Animate any still image on RunComfy — this skill is a smart router..." The name "image-to-video" is not explicitly in the source text; it's given as the directory item type name. So we should not include it. The instruction says: "Do not include the name unless it appears in the source text." It does not appear. So we translate only the text inside <text>. We need to preserve product names, protocol names, URLs, numbers, technical terms. So "RunComfy", "HappyHorse 1.0 I2V", "Arena #1", "Wan 2.7", "audio_url", "Seedance 2.0 Pro" should remain as is. Also "i2v" is a

프리미엄 모바일 앱 이미지 생성 스킬로, 앱 네이티브 화면 컨셉과 플로우를 제작합니다. iOS, Android 및 크로스 플랫폼 모바일 제품용으로 설계되었습니다. 깔끔한 계층 구조, 가독성 좋은 텍스트, 강력한 다중 화면 일관성, 통제된 색상 팔레트, 비범용적 크리에이티브 방향, 질감 있는 표면, 이미지 중심 구성, 세련된 커스텀 아이콘, 깔끔한 폰 목업 프레임을 우선시합니다. 기본적으로 화면은 미묘한 프리미엄 iPhone 또는 유사한 기기 내부에 표시되어야 합니다...

프리미엄 전환 중심 웹사이트 디자인 레퍼런스 생성을 위한 엘리트 프론트엔드 이미지 방향 스킬입니다. 중요 출력 규칙 — 각 섹션마다 별도의 가로 이미지를 하나씩 생성합니다. 8개 섹션으로 구성된 랜딩 페이지는 8개의 이미지를 생성합니다. 여러 섹션을 하나의 이미지로 압축하지 마십시오. 구성 다양성(항상 왼쪽 텍스트/오른쪽 이미지가 아님), 배경 이미지 자유도, 다양한 CTA, 다양한 히어로 규모(거대/중간/미니 미니멀리스트), 내러티브 개념 스파인, 두 번째 읽기 순간 등을 적용합니다.

이 스킬은 평범한 "AI 슬롭" 미학을 피하는 독창적이고 프로덕션 수준의 프론트엔드 인터페이스 생성을 안내합니다. 미적 디테일과 창의적 선택에 탁월한 주의를 기울여 실제 작동하는 코드를 구현하세요.