font-menu

앱 UI 메뉴판 — 모바일 앱 UI를 말이 아니라 이름으로 시키는 사전. 8코스 76항목, 별칭 → 정식 명칭 → 요청 문장 → 네이티브(SwiftUI·Flutter·React Native) 매핑. 웹은 ui-menu

1 skill

창발 캔버스 모션 엔진 + 레시피 — GSAP·Lottie 없이 Canvas 2D + rAF 로 살아 있는 모션. 고정 timestep 루프·아이소·깊이 정렬·보이드·플로우필드·A*·파티클·스프라이트 글로우·큐레이션 스킴 + reduced-motion/DPR/성능 규율(motion-lint). 쇼피스 3종(아이소 허브·오로라 플로우·별자리 네트워크)

1 skill

자막 싱크 검사·교정. AI 가 만든 SRT·VTT 를 넷플릭스 공개 기준(한 줄 16자·초당 12자·2프레임 간격·컷 맞춤)으로 재고 기계로 되는 것은 고친 뒤, 못 읽을 만큼 빠른 자막은 뜻을 지키며 줄이고 다시 잰다. 자막 색(글자는 흰색, 포인트 한 군데, 외곽선 대비)까지 21규칙 의존성 0 도구 + 말로 시킬 때 쓰는 이름 18

1 skill

캐러셀 메뉴판 — 인스타 캐러셀·카드뉴스를 '장마다 무슨 꼴로, 어떤 순서로'로 짓게 해 주는 사전. 4코스 24항목(표지·본문 장·끝 장·장치) 별칭→정식명→요청 문장→1080×1350 실물 견본 + 6장 레시피 넷(큐레이션·꿀팁·비교·시리즈). 룩은 design-brief에서.

1 skill

안 만들어도 되는 것 사전 — 과잉설계를 증상으로 짚고 표준 한 줄로. 15항목, 실측 before/after, 즉방/분기

1 skill

CSS 증상 사전 — 깨진 화면을 증상으로 찾는 사전. 8코스 42항목, 깨진/고친 실물 나란히 + 즉방형/분기형 처방

1 skill

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

Skills for building great product interfaces: typography, colors, layout, accessibility, UI polish and writing.

14 skills

Produces distinctive production UI and screenshot-grounded visual polish. Use when building or restyling pages, components, or typography. Not for backend logic or data pipelines.

1 skill

Design, critique and deliver professional logos: brief, concepts, geometric SVG construction, optical refinement, colour, typography, testing, presentation and brand guidelines — with a searchable library of 1,400+ classified SVG logos.

1 skill

Thirteen slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /site (crawl a whole site → one canonical design system + consistency grade), /grade (shareable HTML report card + SVG badge), /battle (head-to-head graded comparison), /remix (restyle in 6 vocabularies — brutalist, swiss, art-deco, cyberpunk, soft-ui, editorial), /pack (one downloadable design-system bundle), /theme-swap (OKLCH-correct recolour around a new brand primary), /brand (full editorial brand-guidelines book — 13 chapters, hand-off-ready), /pair (fuse two designs across configurable axes — colours from one site, typography from another), /studio (live token-editor with component preview + export), /verify (rebuild from tokens and pixel-diff vs live for a fidelity score), /fidelity (score a clone vs the original — visual pixel-diff + motion fidelity — with a ranked correction plan), /gallery (build a shareable static gallery of measured clones).

2 skills · 14 commands

UI/UX design intelligence. Searchable local database with 84 styles, 192 palettes, 74 font pairings, 25 charts, and 22 stacks (React, Next.js, Vue, Nuxt.js, Nuxt UI, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, WPF, WinUI, Avalonia, Uno Platform, UWP, Three.js). Use when designing, building, or reviewing UI: pages, components, color schemes, typography, layout, accessibility, animation, or data visualization.