디자인 스킬

Mobile-specific UX principles - touch targets, hover-less doctrine, thumb zones, safe areas, gestures, mobile perf budgets. Cross-platform (web mobile, iOS, Android).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Motion design foundation - timing, easing, enter/exit patterns, accessibility, performance.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Desktop-specific UX principles - hover states, pointer precision, keyboard shortcuts, multi-window, focus management. Covers macOS, Windows, Linux, web desktop.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Zero-dependency animations and visual techniques - scroll-driven, View Transitions, @starting-style, modern CSS.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Summon shadow clones: genjutsu's full-scale pipeline for a whole website or web app, from scratch or as a full redesign. Harvests the client's real material, researches in parallel, lets Impeccable lead the direction and genjutsu the motion, builds the pages with parallel agents, then loops fixes, verdicts and a cold-eyes art director until only minor issues remain, the round cap of the chosen tier is reached, or a round fixes nothing. Announces its cost first and asks twice. Web. Needs a host that can spawn subagents.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Code-only motion design pipeline (no After Effects) for Raphaël / Howseen: launch films, showreels, product promos, LinkedIn/X videos, meme clips. Use when asked to make a motion design video, a promo/launch film, a showreel, "remake this video", a video from a prompt (e.g. "make a 15s motion graphics video…"), to change a video's music/SFX, or to prepare memes for posts. Covers the brief → beat map → stills → seek(t) HTML engine → Playwright render → ffmpeg → music/SFX → QA flow, plus asset sourcing (Mixkit, Pexels, Unsplash, svgl, 21st.dev) and every gotcha hit so far.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Review uncommitted code changes to find unreasonable design, unfinished requirements, potential bugs, missed reuse opportunities, and optimization opportunities. Use when the user asks for a review of pending, uncommitted, or unpublished code changes and expects both findings and concrete improvements.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Guides styling implementation using TailwindCSS + CSS Modules. Triggered when handling component styles, layout design, or CSS patterns.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when creating a feature, designing folder structure, adding repositories/services/view models, wiring dependency injection, or deciding which layer owns logic.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when working on inclusion, i18n/localization, global name/address forms, low-end devices, slow/metered networks, affordability, or first-time/low-confidence users; not WCAG/screen readers (see accessibility).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when working on accessibility, a11y, WCAG, ARIA, screen readers, keyboard nav, focus order, contrast, alt text, captions, reduced motion, or target sizes; not language/culture/device (see inclusive-design).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

SVG diagramming conventions blending a technical look with CJK-friendly typography. Use when creating flowcharts, architecture diagrams, and similar SVG figures. For one-shot generation, prefer invoking it from a subagent so the main context does not have to carry this skill plus the SVG XML; for multi-round tweaking, use it directly in the main context.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Dung khi can chot QUY CHUAN NHIN cua thuong hieu de moi nguoi lam ra deu giong nhau — brand personality, he mau, typography, quy tac dung logo, phong cach hinh anh, quy tac component, kich thuoc an pham chuan, cach dat ten va to chuc file. Kich hoat khi user nhac 'brand guideline', 'brand book', 'brand identity', 'style guide', 'quy chuan thuong hieu', 'bang mau thuong hieu', 'moi nguoi lam ra mot kieu', 'khong biet dung font gi'. Khong dung cho — giong noi va cach hanh van thi dung skill 35-brand-voice; cham diem mot thiet ke da lam xong thi dung skill 47-design-review; dinh vi va thong diep thi dung skill 58-positioning.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Dung khi can danh gia CON NGUOI trong team marketing dua tren du lieu — KPI scorecard theo tung vai tro writer, designer, media buyer; diem manh co vi du that; diem can cai thien; development plan 30-90 ngay; rubric cham 1-5. Kich hoat khi user nhac 'danh gia nhan vien', 'performance review', 'review nhan su', '1:1 review thang', 'nguoi nay lam duoc khong', 'co nen tang luong khong', 'feedback cho team member'. Khong dung cho — tong ket mot campaign thay vi con nguoi thi dung skill 63-campaign-retrospective; duyet chat luong mot output cu the thi dung skill 62-marketing-review; giao viec va dat deadline thi dung skill 64-team-brief.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Dung khi mot CA NHAN da co nguoi theo doi va muon RA TIEN — 3 phien ban funnel cho founder, coach, creator; offer ladder tu mien phi den high-ticket; tam ly gia cho dich vu gan voi con nguoi; inbound vs outbound; dam phan brand deal cho creator; thue va phap ly ca nhan tai VN. Kich hoat khi user nhac 'kiem tien tu personal brand', 'offer ladder ca nhan', 'ban khoa hoc', 'coaching 1-1', 'nhan booking sponsorship', 'nhieu follower ma khong ra tien', 'founder lead gen'. Khong dung cho — dinh gia san pham cua DOANH NGHIEP thi dung skill 17-pricing-strategy; dong goi offer cho san pham cong ty thi dung skill 31-offer-design; chuoi email nuoi duong thi dung skill 14-email-marketing.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Dung khi da co huong launch va can QUY TRINH chay cho khong vo tran — timeline T-30 den D+7, checklist tung bo phan content, design, ads, sales, CSKH; war-room ngay launch, escalation matrix va tieu chi roll-back. Kich hoat khi user nhac 'launch playbook', 'quy trinh launch', 'checklist launch', 'war room', 'sap launch ma so sot', 'ai lam gi trong ngay launch', 'SOP ra mat', 'lan truoc launch bi loan'. Khong dung cho — chon phan khuc va thong diep de ra thi truong thi dung skill 59-go-to-market; tong ket bai hoc sau khi launch xong thi dung skill 63-campaign-retrospective; su co truyen thong bung phat thi dung skill 66-crisis-playbook.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Xay he thong giu chan khach hang cho SME VN — phan nhanh theo mo hinh kinh doanh truoc (mua 1 lan / goi lieu trinh / the thanh vien / thue bao), bang tin hieu sap mat khach viet lai bang du lieu SME thuc su co, moc can thiep truoc khi mat, khao sat ly do roi kem bang ly do sang uu dai, chuoi keo lai chay email va Zalo OA song song, cong 3 chi so do luong voi quy tac trung thuc. Kich hoat khi user nhac 'giu chan khach hang', 'khach khong quay lai', 'churn', 'retention', 'khach bo giua lieu trinh', 'keo lai khach cu', 'khach doi huy goi', 'ti le mua lai thap'. Khong dung cho — thiet ke goi ban cho khach moi thi dung skill 31-offer-design; viet chuoi email thuan tuy thi dung skill 14-email-marketing; doc duong cong cohort de biet ai sap roi thi dung skill 13-phan-tich-du-lieu truoc.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Dung khi can tra loi duoc tai sao khach chon MINH chu khong chon nguoi khac — positioning statement theo Promise + Proof + Path, ma tran khac biet so voi doi thu, category entry points, thap thong diep 3 tang va huong tagline. Kich hoat khi user nhac 'dinh vi thuong hieu', 'positioning', 'USP', 'khac biet voi doi thu', 'tai sao khach chon minh', 'tai dinh vi', 'noi gi de khach nho', 'san pham giong het thi truong'. Khong dung cho — soi doi thu dang lam gi thi dung skill 08-nghien-cuu-doi-thu; giong noi va tu vung khi viet thi dung skill 35-brand-voice; viet cau slogan / headline poster hai lop thi dung skill 74-copy-hai-lop; dong goi goi ban thi dung skill 31-offer-design; ke hoach ra mat san pham thi dung skill 59-go-to-market.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Thiet ke thu mien phi de doi lay thong tin lien he — ma tran loai lead magnet theo giai doan nhan thuc, danh sach dinh dang hop VN (checklist, bang bao gia mau, mini-guide, quiz, file Google Sheet tinh san, buoi tu van hoac dung thu mien phi), bang quyet dinh co nen gate hay khong, xin thong tin gi, giao qua kenh nao, trang cam on, tin hieu chat luong lead, va thang cham diem 8 yeu to cho cong cu mien phi. Kich hoat khi user nhac 'lead magnet', 'tang gi de lay so dien thoai', 'qua tang mien phi', 'tai lieu mien phi doi thong tin', 'moi mien phi', 'cong cu mien phi lay lead', 'chay lead ads ma khong biet tang gi'. Khong dung cho — lam trang dat lead magnet thi dung skill 12-brief-landing-page; nuoi duong sau khi da co contact thi dung skill 14-email-marketing; thiet ke goi ban tra tien thi dung skill 31-offer-design.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when a PERSONAL brand needs to make money — three funnel versions for founder, coach, and creator, an offer ladder from free to low to mid to high ticket, pricing psychology, inbound versus outbound outreach, and brand deal and sponsorship negotiation, with tax and legal variants for US LLC, EU per country, SEA Pte Ltd, and LATAM MEI. Trigger on 'monetize my personal brand', 'offer ladder', 'launch my course', 'coaching packages', 'sponsorship rates', 'I have an audience and no income'. Not for — a company product offer, see `31-offer-design-global` and `17-pricing-strategy-global`; the strategy that comes first, see `23-personal-brand-strategy-global`; running the community, see `28-community-building-global`.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Dung khi da co THIET KE va can duyet truoc khi dang — cham diem 4 nhom brand consistency, hierarchy va do doc, yeu to chuyen doi, phu hop nen tang, moi nhom 10 diem, kem feedback theo dang van de - tai sao - cach sua va verdict duyet / sua nhe / lam lai. Kich hoat khi user nhac 'review design', 'duyet thiet ke', 'feedback thiet ke', 'cham diem design', 'anh nay ok chua', 'nhin sao sao ma khong biet sai cho nao', 'check brand', 'approve creative'. Dung ca khi user chi gui anh va hoi 'xem giup'. Khong dung cho — duyet CHU nhu content brief va ads copy thi dung skill 62-marketing-review; do xem trang co ra don khong thi dung skill 68-cro-audit-trang.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Dung khi designer se lam TREN CANVA hoac Figma va can direction thao tac cu the — chon template base, thu tu thao tac, map tung element vao vi tri, luoi va khoang cach, mau va font lay tu brand kit, checklist export, viec nen va khong nen lam. Kich hoat khi user nhac 'brief Canva', 'huong dan lam tren Canva', 'direction Canva', 'template Canva', 'layout Canva', 'lam trong Figma', 'ban design chua ranh nen phai chi tay'. Khong dung cho — brief concept anh tinh khong gan cong cu thi dung skill 42-brief-hinh-anh; chuoi slide carousel thi dung skill 43-brief-carousel; quy dinh mau, font va logo cua thuong hieu thi dung skill 46-brand-guideline.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Dung khi can brief mot ANH TINH cho designer hoac photographer — banner, thumbnail, poster, anh feed: muc tieu visual, concept va mood, bo cuc, copy overlay, mau va font lay tu brand guideline, kich thuoc theo kenh, tieu chi duyet. Kich hoat khi user nhac 'brief anh', 'brief banner', 'brief thumbnail', 'brief visual', 'dat designer lam anh', 'ta lai anh muon lam sao', 'designer hoi lai hoai'. Khong dung cho — chua co cau overlay / slogan hai lop thi dung skill 74-copy-hai-lop truoc; chuoi nhieu slide thi dung skill 43-brief-carousel; huong dan thao tac tren Canva thi dung skill 45-brief-canva; can asset gap trong ngay khi campaign dang chay thi dung skill 48-quick-visual-brief; tu gen anh bang AI thi dung skill 30-thiet-ke-master.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when a launch needs a repeatable EXECUTION playbook — a T-30 to D+7 timeline, per-function checklists for content, design, ads, sales, and engineering, a launch-day war room, an escalation matrix, and roll-back criteria. Trigger on 'launch playbook', 'launch checklist', 'launch day plan', 'launch SOP', 'war room', 'we launch in two weeks and nothing is organized'. Also use when a GTM strategy exists and nobody knows who does what on the day. Not for — the strategy and beachhead choice, see `59-go-to-market-global`; the campaign brief, see `02-campaign-brief-global`; the post-launch review, see `63-campaign-retrospective-global`; a live crisis, see `66-crisis-playbook-global`.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.