# hanmariyang > Open-source publisher. Listings imported from github.com/hanmariyang — credited to the original author with their license. - **Listings:** 13 - **Total installs:** 0 - **Profile:** https://agentstack.voostack.com/s/hanmariyang - **Website:** https://github.com/hanmariyang ## Published listings - [Css Menu](https://agentstack.voostack.com/l/skill-hanmariyang-giting-skills-css-menu) — Skill · Free · security-reviewed — `agentstack add skill-hanmariyang-giting-skills-css-menu` CSS 증상 사전 — 화면이 깨졌을 때 CSS 용어를 몰라도 증상으로 원인을 찾고 고치게 하는 사전. 사용자가 '가운데 정렬이 안 돼요', '스크롤이 두 개예요', '삐져나가요', '버튼이 안 눌려요', '폰에서만 깨져요', '글자가 이상하게 끊겨요', '안 보여요' 같은 화면 증상을 호소할 때, 레이아웃·정렬·간격·글자·겹침·스크롤이 깨졌다고 할 때, 또는 깨진 스크린샷을 보여줄 때 이 스킬을 사용한다. 기획자·디자이너 등 비개발자의 표현('답답해요', '들쭉날쭉해요', '덜컹거려요')도 증상으로 취급해 매핑한다. - [Session Mention](https://agentstack.voostack.com/l/skill-hanmariyang-giting-skills-session-mention) — Skill · Free · security-reviewed — `agentstack add skill-hanmariyang-giting-skills-session-mention` Diagnose and fix Claude Code cross-session messaging: sending a message from one live session to another with @ on the same machine. Use when the user says the @mention isn't working, doesn't autocomplete, or the message went to the wrong session, or asks how to name sessions so they can be addressed, hand work between sessions, or list/attach/stop sessions. Covers naming (--name, /… - [Design Brief](https://agentstack.voostack.com/l/skill-hanmariyang-giting-skills-design-brief) — Skill · Free · security-reviewed — `agentstack add skill-hanmariyang-giting-skills-design-brief` Produce a project DESIGN.md so an AI coding agent builds consistent, non-generic UI instead of the default AI look. Use when the user wants a design system, a reusable style brief, to match a reference site's feel, to keep pages consistent, or says the AI's output looks generic. Ships a DESIGN.md template (palette+roles, type, spacing, components, and the reasoning), an anti-slop checklist of the… - [App Menu](https://agentstack.voostack.com/l/skill-hanmariyang-giting-skills-app-menu) — Skill · Free · security-reviewed — `agentstack add skill-hanmariyang-giting-skills-app-menu` 모바일 앱 UI를 만들 때, 사용자가 컴포넌트를 말로 풀어 설명하거나('아래에서 올라오는 판 만들어줘', '앱 켜면 뜨는 로고 화면', '옆에서 나오는 메뉴', '노치에 안 가리게', '누르면 진동') 정식 이름을 모를 때, 그 말을 정확한 모바일 UI 명칭(바텀시트·스플래시·드로어·세이프에어리어·햅틱 등)으로 옮기고 SwiftUI·Flutter·React Native의 실제 컴포넌트명으로 연결해 준다. iOS·안드로이드 앱 화면/컴포넌트를 만들거나 고칠 때, Expo·Flutter·SwiftUI 작업 중 UI 이름·플랫폼 관례(탭 타깃 44pt·세이프에어리어·모달=풀스크린)를 확인할 때 사용한다. 웹 UI는 ui-menu 를 쓴다. - [Codelazy](https://agentstack.voostack.com/l/skill-hanmariyang-giting-skills-codelazy) — Skill · Free · security-reviewed — `agentstack add skill-hanmariyang-giting-skills-codelazy` 안 만들어도 되는 코드를 안 만들게 하는 사전. 사용자가 '캐싱 클래스 만들어줘', '설정 관리 시스템 만들어줘', '플러그인 로더 만들어줘', '커스텀 예외 만들어줘' 처럼 무언가를 만들어 달라고 할 때, 또는 새 라이브러리를 깔거나 추상화 계층을 세우려 할 때, 표준 라이브러리·한 줄·기존 기능으로 되는지 먼저 확인한다. 코드 리뷰에서 과잉설계(over-engineering)를 줄이거나, '이거 진짜 만들어야 돼?'를 판단할 때 사용한다. - [Product Shot](https://agentstack.voostack.com/l/skill-hanmariyang-giting-skills-product-shot) — Skill · Free · security-reviewed — `agentstack add skill-hanmariyang-giting-skills-product-shot` Make commercial-grade product photos with an image model: liquid/texture (formulation) shots, product images that keep the real logo and packaging intact, and clean ad cuts. Use when the user has a product image (cosmetics, skincare, food, drink, any packaged good) and wants a texture/swatch shot, a hero ad image, a background/scene, or asks 'make a product photo / 제형 컷 / 광고컷 / keep the logo'. Th… - [Pixel Run](https://agentstack.voostack.com/l/skill-hanmariyang-giting-skills-pixel-run) — Skill · Free · security-reviewed — `agentstack add skill-hanmariyang-giting-skills-pixel-run` Turn a character reference image into a clean, looping pixel-art RUN cycle. Produces a transparent GIF, a 4x4 (16-frame) sprite sheet PNG, and a ZIP of individual frames. Use when the user shares a character image and asks for a running animation, run cycle, sprite sheet, pixel-art walk/run, or 'make this character run'. The skill gives the AI a rigorous, character-agnostic generation prompt AND… - [Sheet Io](https://agentstack.voostack.com/l/skill-hanmariyang-giting-skills-sheet-io) — Skill · Free · security-reviewed — `agentstack add skill-hanmariyang-giting-skills-sheet-io` Use a spreadsheet as a data source or sink from Claude Code without wrecking it or blowing the token budget. Works on a local CSV or a PUBLIC Google Sheet (via its CSV export URL, no credentials). Use when the user points at a spreadsheet, a Google Sheets link, or a .csv and wants to read, filter, summarize, or append rows, or asks to 'connect the sheet', '시트 연동', '이 데이터 정리해줘'. Provides a stdlib-… - [Slide Pick](https://agentstack.voostack.com/l/skill-hanmariyang-giting-skills-slide-pick) — Skill · Free · security-reviewed — `agentstack add skill-hanmariyang-giting-skills-slide-pick` Decide WHAT to draw on each slide before designing a deck. Given a topic and the judgment the audience must make, this picks the right layout, chart, and diagram type, names it, and blocks the choices that mislead. Use when the user asks to make a PPT/deck/발표자료/장표, or asks which chart/layout/diagram to use, or says 'make it clean/fast'. Ships a selection method (판단 문장 → 후보 좁히기 → 금지 규칙), a fill-in… - [Edit Doc](https://agentstack.voostack.com/l/skill-hanmariyang-giting-skills-edit-doc) — Skill · Free · security-reviewed — `agentstack add skill-hanmariyang-giting-skills-edit-doc` Make a document the reader can edit and save right in the browser, with no server, extension, or login. Two kinds: (1) a standalone HTML document that carries its own editor (reports, letters, guides, notices) — copy skeleton.html and write the content; (2) a Markdown document edited in a standalone source+preview editor that saves .md — ship md-editor.html. Use when the user asks for an editable… - [Ui Menu](https://agentstack.voostack.com/l/skill-hanmariyang-giting-skills-ui-menu) — Skill · Free · security-reviewed — `agentstack add skill-hanmariyang-giting-skills-ui-menu` UI 메뉴판. 사용자가 UI를 말로 설명할 때("접었다 폈다 되는 거", "화면 가운데 뜨는 창", "옆에서 미끄러져 나오는 메뉴") 정식 명칭을 찾아 주고, 검증된 실물 HTML 레퍼런스로 구현할 때 사용한다. 8개 코스 105개 항목 — 페이지 뼈대·이동/탐색·내용 표시·입력·버튼·알림·작은 표시·상태. UI 컴포넌트 이름이 궁금할 때, 용어를 몰라 설명이 길어질 때, 표준적인 컴포넌트 구현이 필요할 때 발동한다. - [Font Menu](https://agentstack.voostack.com/l/skill-hanmariyang-giting-skills-font-menu) — Skill · Free · security-reviewed — `agentstack add skill-hanmariyang-giting-skills-font-menu` 웹폰트를 '어떤 인상을 원하는지'로 고르고, 그 폰트를 어디서 어떻게 불러오는지 로딩 스니펫째 주는 사전. 사용자가 '폰트 추천', '이 랜딩에 어울리는 폰트', 'AI 스타트업 느낌 폰트', '고급스러운 제목 폰트', '한글 폰트 뭐 쓰지', 'Pretendard 대안', 'Satoshi/Inter/Space Grotesk 넣어줘', '폰트가 안 바뀌어요/기본 폰트로 나와요'라고 할 때 사용한다. Google Fonts·Fontshare·jsDelivr는 로딩법이 다르고, 틀리면 조용히 시스템 폰트로 폴백된다. 맥락별 폰트·짝·라이선스·정확한 를 준다. - [Type Menu](https://agentstack.voostack.com/l/skill-hanmariyang-giting-skills-type-menu) — Skill · Free · security-reviewed — `agentstack add skill-hanmariyang-giting-skills-type-menu` 타입스크립트 타입 에러를 사람 말로 통역하고 제대로 고치게 하는 사전. 사용자가 TS 에러 메시지(예: 'possibly undefined', 'implicitly has an any type', 'not assignable to type', 'Property does not exist', 'Expected N arguments')를 붙여넣거나, '타입 에러 나요', '빨간 줄 떠요', '이거 any로 막아도 돼?' 라고 물을 때, TS 코드번호(TS18048·TS7006·TS2322·TS2339·TS2554 등)가 나올 때 사용한다. any 로 덮는 대신 원인을 짚고 제대로 좁혀 고친다. 기획자·디자이너 등 비개발자도 에러를 이해하게 돕는다. --- Seller on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Install any with `agentstack add `.