Design skills
Browse reusable Agent Skills, each with a clear purpose and practical guidance.
editor-gui
Build video editing interfaces with Editframe's GUI components. Assemble timeline, scrubber, filmstrip, preview, playback controls, and transform handles.
insane-apply
Apply an analyzed design.md to an existing project while preserving content (text, images, links). Three levels — Lv1 swaps CSS tokens only, Lv2 rewrites styles, Lv3 does a full BOLD redesign with persona lock-in, §18 DON'T grep verification, and AI-slop guards. Pairs with insane-design (analysis) and insane-build. Korean triggers — "디자인 적용해줘", "stripe처럼 만들어줘", "이 스타일로 리디자인", "레이아웃 바꿔줘", "Tesla 느낌으로", "톤앤매너 적용", "그 사이트 스타일로 만들어줘". English triggers — "apply design", "redesign like", "make it feel like", "adopt this style".
insane-build
Build a new site, deck, card, or design-system catalog from scratch using a design.md brief (or synthesize one on the fly). Pairs with insane-design (analysis) and insane-apply. Writes deterministic HTML+CSS into insane-build/{session}/variations/v{N}/ honoring §18 DON'T grep, AI-slop guards, and persona lock-in. Defaults to v1 × 1; v1/v2/v3 variations are opt-in. Korean triggers — "빌드", "만들어줘", "새로 만들어", "처음부터", "랜딩 만들어줘", "덱 만들어줘", "카드뉴스 만들어줘", "디자인 시스템 카탈로그". English triggers — "build", "scaffold", "from scratch", "make a landing", "make a deck", "make a card".
insane-design
Extract a deterministic design system from any URL by fetching real CSS, parsing custom properties, and writing a 19-section design.md plus an interactive report.ko.html. Also exports design.md frontmatter to W3C DTCG tokens.json. Use when the user wants real CSS tokens, a reusable design reference, design tokens, or a design pack that feeds apply/build flows. Korean triggers — "디자인 분석해줘", "이 사이트 디자인 시스템 뽑아줘", "CSS 뜯어봐", "design.md 만들어줘", "레퍼런스 리포트 만들어줘", "사이트 분석", "디자인 토큰 추출", "tokens.json 내보내줘". English triggers — "analyze design", "extract design tokens", "rip the design system", "what CSS does this site use", "export DTCG tokens".
magazine-layout
将文本内容转换为精美的杂志风格HTML页面，支持专业排版和多种视觉风格。触发场景：(1) 用户想将文本/文章转换为杂志风格HTML，(2) 用户提到"杂志排版"、"杂志设计"、"文章排版"、"专业排版"、"文本美化"、"magazine layout"，(3) 用户需要优雅排版的HTML页面，(4) 用户需要将设计内容导出为PDF。支持12种独特视觉风格，使用Tailwind CSS。
pumasi-image
Image-generation companion skill for the pumasi plugin family. Use when the user wants an image, thumbnail, poster, logo, illustration, or related visual artifact. In Codex this maps directly to the native image generation/editing tool. Korean triggers — "이미지 만들어줘", "그림 생성", "썸네일 만들어", "로고 만들어줘". English triggers — "create image", "make thumbnail", "make logo", "draw illustration". DO NOT trigger on code-generation requests like "함수/컴포넌트/페이지 만들어줘" — those go to the pumasi skill.
react-aria
Build accessible UI components with React Aria. Use when creating accessible form controls, implementing ARIA patterns, building design systems, or fixing accessibility issues.
steamdeck-ui-design
Project-specific Steam Deck Game Mode UI rules for decky-music. Use when designing, implementing, or reviewing the `/music` Decky route, provider pages, QAM entry points, gamepad focus behavior, Footer Legend text, or UI mockups.