Design skills

Use for the owner's personal creator-content thumbnails and covers for short video, Bilibili, Douyin, WeChat, or similar platforms from a title, summary, established real portrait, kangaroo IP, product Logo, screenshot, or app reference. It enforces the owner's visual signature, runs a four-concept selection stage, then five responsive platform ratios. Do not use for generic clients, book or album covers, slide title pages, generic posters or social cards, article body illustrations, document headers, website hero art, or unrelated image edits unless the user explicitly invokes cover-skill and accepts the personal-signature rules.

The English summary is being prepared. Showing the original description.

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

The English summary is being prepared. Showing the original description.

Cast genjutsu on a UI - creative coding for motion, micro-interactions, and wow-factor. Scans the stack, proposes an interaction thesis, loads the right sub-skills, implements the illusion. Adapts to Web, Android (Compose), Apple (SwiftUI).

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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

The English summary is being prepared. Showing the original description.

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

The English summary is being prepared. Showing the original description.

UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable dataset + CLI). Internal genjutsu module: loaded by /genjutsu:cast and /genjutsu:paint, not invoked directly.

The English summary is being prepared. Showing the original description.

Running a team of subagents on one design build: clone briefs, disjoint file ownership, isolated builds, the evidence packet, review lenses, the fix plan, verdicts, cold eyes and the stop rule, with the workflow templates bunshin runs.

The English summary is being prepared. Showing the original description.

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

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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

The English summary is being prepared. Showing the original description.

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

The English summary is being prepared. Showing the original description.

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

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.