Production-tested React Three Fiber recipes for organic liquid-distortion shaders, breathing 3D geometry, soft particle fields, and bloom post-processing on flagship marketing pages -- includes a documented React-18 reconciler bug workaround and a real case study on when to abandon WebGL for lighter pure-CSS animation instead. --- 經production驗證的React Three Fiber實作食譜：液態扭曲shader、呼吸感3D幾何、柔霧粒子場、Bloom後製光暈，適用於行銷旗艦頁。內含真實踩過的React 18 reconciler相容性bug解法，以及一則「什麼時候該直接放棄WebGL改用純CSS」的完整實戰案例。中英文版本皆完整獨立撰寫。
Get a ready-to-use kit for a satisfying 10-second hands-only art reveal: a pencil sketch on canvas filled in with real glass shards, sawdust, shells, pebbles and cotton. Includes 4 image prompts, a Google Flow prompt, a Veo version under 900 characters, caption + hashtags, a material bank and a QA checklist. Made for short, loop-friendly Reels, Shorts and TikTok. Download once, reuse for every episode.
五個 Skills，將照片、餐牌及商品圖片轉成手繪插畫或互動網站 Demo，涵蓋圖片風格轉網站、餐牌網店及兩種商品品牌網站創作。不含09。網站屬前端 Demo，不含後端或正式付款；圖片生成需相應工具，用量可能另收費。 Five Skills turn photos, menus and product images into hand-drawn illustrations or interactive website demos, covering image-inspired sites, menu storefronts and two product-brand approaches. Skill 09 excluded. Frontend demos only; no backend or live payments. Image generation requires compatible tools; usage may cost extra.
網站項目前期規劃套裝，包含工時估算、風險檢查、提案撰寫及三個品牌設計方向。提供客戶需求，即可產出清晰嘅 Markdown 草稿，協助報價前準備及客戶溝通。 Four Skills for web project planning: effort estimates, risk checks, tailored proposals, and three brand design directions. Turn client briefs into clear Markdown drafts for quotation preparation and client discussions.
Turn recurring social, banner, and ad requests into a repeatable marketing asset production system. This download skill builds a brief intake gate, template decision, content-variable batch plan, brand QA checklist, handoff/version-control rules, and a performance feedback loop, then writes a campaign production package to journal/marketing-assets/. Built for teams whose designer is the bottleneck and whose assets drift across channels.
Paste one paragraph about your original character and get a reference sheet spec with turnaround views, a hex palette, a never-change lock list and prompt lines.
Upload any UI screenshot — landing page, app screen, dashboard, mockup — and get a principal-level critique before you ship. 10-dimension diagnosis (hierarchy, typography, spacing, alignment, color, contrast, consistency, imagery, interaction, accessibility) with Ship / Fix / Broken verdicts; Top 3 fixes with exact values; Refinement, Conviction, Resilience; Principal Craft Score 1–10, justified. Built by a principal-level product designer. For designers, founders, PMs.