Skills Sáng tạo

花叔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

Loại bỏ các mẫu viết kiểu AI khỏi văn bản tiếng Pháp và truyền vào giọng nói, cá tính và linh hồn. Sử dụng khi chỉnh sửa, xem lại, viết lại hoặc làm sạch nội dung tiếng Pháp có dấu hiệu giống đầu ra của ChatGPT/Claude. Nhân hóa, humanise, déslopifier. Phát hiện và sửa 27 mẫu: lạm dụng từ vựng AI (crucial, essentiel, notamment, par ailleurs, dans le paysage), từ mượn tiếng Anh từ các mô hình ưu tiên tiếng Anh (faire du sens, adresser un problème), tránh dùng copula, mở đầu theo công thức (À l'ère de, Dans le paysage actuel),...

去除文本中的AI生成痕迹。适用于编辑或审阅文本，使其听起来更自然、更像人类书写。基于维基百科的“AI写作特征”综合指南。检测并修复以下模式：夸大的象征意义、宣传性语言、以-ing结尾的肤浅分析、模糊的归因、破折号过度使用、三段式法则、AI词汇、否定式排比、过多的连接性短语。

We need to translate the given text from English to Vietnamese, preserving the name "hyperframes" and "HyperFrames" as they appear. The instruction says to translate only the text inside <text>, and not to include the name unless it appears in the source. The name appears as "HyperFrames" in the source, so we keep it. Also preserve "HTML". The text is a description of a directory item type "agent skill". We need to output only the translation, no extra commentary. 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...." Translate carefully. Use natural Vietnamese. Keep

Tất cả kiến thức hoạt hình cho HyperFrames — quy tắc chuyển động nguyên tử, bản thiết kế cảnh đa pha, chuyển tiếp cảnh, kỹ thuật thiết kế chuyển động rộng hơn, VÀ bảy bộ điều hợp thời gian chạy (GSAP mặc định, cộng với Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Sử dụng cho bất kỳ tác vụ chuyển động hoặc hoạt hình nào: chọn 2-4 quy tắc và soạn, hoặc tải bản thiết kế, hoặc tra cứu API thời gian chạy cụ thể (ví dụ: GSAP eases / Lottie player / Three.js mixer). Gốc HyperFrames: dòng thời gian tạm dừng đơn, an toàn t

Hợp đồng soạn thảo HTML HyperFrames. Sử dụng cho cấu trúc soạn thảo, thuộc tính dữ liệu, clip, track, hợp đồng phụ, biến, phát lại phương tiện, quy tắc kết xuất xác định và xác thực các dự án có thể kết xuất tối thiểu.

Chỉ đạo sáng tạo phi hoạt hình cho video HyperFrames. Dùng để xử lý thông số kỹ thuật thiết kế (frame.md / design.md), bảng màu, kiểu chữ, lời dẫn, lập kế hoạch nhịp điệu, hình ảnh phản ứng âm thanh, mẫu bố cục và các quyết định về thương hiệu/phong cách. Đối với các mẫu chuyển động nguyên tử và bản thiết kế cảnh, hãy

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.

BẮT ĐẦU TỪ ĐÂY cho bất kỳ yêu cầu nào về tạo, dựng, sinh, chỉnh sửa, làm hoạt ảnh hoặc kết xuất video, hoạt ảnh, đồ họa chuyển động, video giải thích, thẻ tiêu đề, lớp phủ, video có phụ đề, quảng cáo sản phẩm, video trang web, video PR hoặc nhật ký thay đổi, ghép dữ liệu, áp phích chuyển động hoặc bố cục HTML HyperFrames. Sử dụng trước các kỹ năng video hoặc hoạt ảnh khác khi người dùng muốn HyperFrames tạo hoặc kết xuất video MP4/web hoàn chỉnh, chọn quy trình làm việc hoặc định tuyến giữa video ra mắt sản phẩm,

Tinh chỉnh các ý tưởng thô thành các khái niệm sắc bén, có thể hành động thông qua tư duy phân kỳ và hội tụ có cấu trúc. Sử dụng khi một ý tưởng còn mơ hồ, khi bạn cần kiểm tra độ căng của các giả định trước khi cam kết với một kế hoạch, hoặc khi bạn muốn mở rộng các lựa chọn trước khi hội tụ vào một. Kích hoạt bởi "ideate", "refine this idea", hoặc "stress-test my plan".

Khi người dùng muốn tạo, sinh, chỉnh sửa hoặc tối ưu hình ảnh cho marketing — ảnh chính cho blog, đồ họa mạng xã hội, mockup sản phẩm, banner hồ sơ, hình ảnh danh sách hoặc tài sản thương hiệu. Cũng sử dụng khi người dùng đề cập đến 'tạo hình ảnh AI,' 'sinh hình ảnh,' 'tạo đồ họa,' 'mockup sản phẩm,' 'ảnh chính,' 'đồ họa mạng xã hội,' 'ảnh banner,' 'ảnh bìa,' 'banner hồ sơ,' 'ảnh chụp danh sách,' 'Flux,' 'Flux Kontext,' 'Midjourney,' 'DALL-E,' 'GPT Image,' 'ChatGPT Images,' 'Ideogram,'...

Chỉnh sửa hình ảnh trên RunComfy — kỹ năng này là bộ định tuyến thông minh, khớp ý định của người dùng với mô hình chỉnh sửa phù hợp trong danh mục RunComfy. Chọn Nano Banana Edit (xử lý hàng loạt tối đa 20 ảnh, mặc định giữ nguyên nhận dạng), OpenAI GPT Image 2 Edit (chỉnh sửa văn bản trong ảnh đa ngôn ngữ, kết hợp nhiều tham chiếu, bố cục chính xác), Flux Kontext Pro (chỉnh sửa cục bộ độ trung thực cao với một tham chiếu), hoặc Z-Image Turbo Inpaint (chỉnh sửa vùng chính xác dựa trên mặt nạ). Tổng hợp các mẫu gợi

Chỉnh sửa hình ảnh trên RunComfy — kỹ năng này là bộ định tuyến thông minh, khớp ý định của người dùng với mô hình chỉnh sửa phù hợp trong danh mục RunComfy. Chọn Nano Banana Edit (xử lý hàng loạt tối đa 20 ảnh, mặc định giữ nguyên nhận dạng), OpenAI GPT Image 2 Edit (viết lại văn bản trong ảnh đa ngôn ngữ, kết hợp nhiều tham chiếu, bố cục chính xác), Flux Kontext Pro (chỉnh sửa cục bộ độ trung thực cao với một tham chiếu), hoặc Z-Image Turbo Inpaint (chỉnh sửa vùng chính xác dựa trên mặt nạ). Tổng hợp các mẫu gợi ý đã

Chỉnh sửa hình ảnh trên RunComfy — kỹ năng này là bộ định tuyến thông minh, khớp ý định của người dùng với mô hình chỉnh sửa phù hợp trong danh mục RunComfy. Chọn Nano Banana Edit (xử lý hàng loạt tối đa 20 ảnh, giữ nguyên nhận dạng mặc định), OpenAI GPT Image 2 Edit (viết lại văn bản trong ảnh đa ngôn ngữ, kết hợp nhiều tham chiếu, bố cục chính xác), Flux Kontext Pro (chỉnh sửa cục bộ độ trung thực cao với một tham chiếu), hoặc Z-Image Turbo Inpaint (chỉnh sửa vùng chính xác dựa trên mặt nạ). Tổng hợp các mẫu gợi ý đã

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...

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...

Kỹ năng chuyển đổi hình ảnh website thành mã dành cho Codex. Đối với các tác vụ web quan trọng về mặt trực quan, trước tiên nó phải tự tạo ra (các) hình ảnh thiết kế, phân tích sâu chúng, sau đó triển khai website để khớp với chúng một cách chính xác nhất có thể. Trong Codex, nó phải ưu tiên các hình ảnh lớn, dễ đọc, dành riêng cho từng phần thay vì các bảng tổng hợp nhỏ, tạo ra các hình ảnh độc lập mới cho các phần hoặc chế độ xem chi tiết thay vì cắt từ ảnh cũ, tránh tạo ra quá ít, tránh giao diện thẻ-lồng-thẻ-lồng-thẻ, và

Hướng dẫn chuyển ảnh tĩnh thành video: lựa chọn mô hình, tạo chuyển động bằng lời nhắc, và điều hướng camera. Bao gồm Wan 2.5 i2v, Seedance, Fabric, Grok Video với thời điểm sử dụng từng loại. Dùng cho: làm chuyển động ảnh, tạo video từ ảnh tĩnh, thêm chuyển động, hoạt ảnh sản phẩm. Kích hoạt: ảnh thành video, i2v, làm chuyển động ảnh, ảnh tĩnh thành video, thêm chuyển động vào ảnh, hoạt ảnh ảnh, ảnh thành video, làm chuyển động ảnh tĩnh, wan i2v, image2video, làm ảnh sống động, làm chuyển động ảnh, chuyển động từ ảnh

Làm sống động bất kỳ hình ảnh tĩnh nào trên RunComfy — kỹ năng này là một bộ định tuyến thông minh, khớp ý định của người dùng với mô hình i2v phù hợp

Làm sống động bất kỳ hình ảnh tĩnh nào trên RunComfy — kỹ năng này là một bộ định tuyến thông minh, khớp ý định của người dùng với mô hình i2v phù hợp trong danh mục RunComfy. Chọn HappyHorse 1.0 I2V (Arena #1, âm thanh gốc, bả

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...

Hướng dẫn chuyển đổi ảnh tĩnh thành video: lựa chọn mô hình, tạo chuyển động và di chuyển camera. Bao gồm Wan 2.5 i2v, Seedance, Fabric, Grok Video với cách sử dụng từng loại. Dùng để: tạo hoạt ảnh cho ảnh, tạo video từ ảnh tĩnh, thêm chuyển động, tạo hoạt ảnh sản phẩm. Kích hoạt: ảnh thành video, i2v, tạo hoạt ảnh cho ảnh, ảnh tĩnh thành video, thêm chuyển động vào ảnh, hoạt ảnh ảnh, ảnh thành video, tạo hoạt ảnh cho ảnh tĩnh, wan i2v, image2video, làm ảnh sống động, tạo hoạt ảnh

Làm sống động bất kỳ hình ảnh tĩnh nào trên RunComfy — kỹ năng này là một bộ định tuyến thông minh, khớp ý định của người dùng với mô hình i2v phù hợp trong danh mục RunComfy. Chọn HappyHorse 1.0 I2V (Arena #1, âm thanh gốc, bả

Kỹ năng tạo hình ảnh ứng dụng di động cao cấp dành cho việc xây dựng các khái niệm và luồng màn hình gốc ứng dụng. Được thiết kế cho các sản phẩm di động iOS, Android và đa nền tảng. Ưu tiên phân cấp rõ ràng, văn bản dễ đọc, tính nhất quán mạnh mẽ giữa các màn hình, bảng màu được kiểm soát, định hướng sáng tạo không chung chung, bề mặt có kết cấu, bố cục dẫn dắt bằng hình ảnh, biểu tượng tùy chỉnh tinh tế và khung điện thoại mô phỏng sạch sẽ. Theo mặc định, màn hình nên được hiển thị bên trong khung iPhone cao cấp t

Kỹ năng frontend hình ảnh cao cấp để tạo ra các tham khảo thiết kế website cao cấp, có ý thức chuyển đổi. QUY TẮC ĐẦU RA QUAN TRỌNG — tạo MỘT hình ảnh ngang riêng biệt CHO MỖI phần. Một trang đích có 8 phần sẽ tạo ra 8 hình ảnh. Không bao giờ nén nhiều phần vào một hình ảnh. Áp dụng sự đa dạng bố cục (không phải lúc nào cũng là văn bản trái / hình ảnh phải), tự do về ảnh nền, các lời kêu gọi hành động đa dạng, các tỷ lệ hero đa dạng (khổng lồ / trung bình / tối giản nhỏ), xương

Kỹ năng này hướng dẫn tạo ra các giao diện frontend đặc biệt, đạt chuẩn sản xuất, tránh tính thẩm mỹ "AI rác" chung chung. Triển khai mã làm việc thực tế với sự chú ý đặc biệt đến chi tiết thẩm mỹ và các lựa chọn sáng tạo.