Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

figma-analyze-frame

Analyze a Figma frame's structure, properties, and implementation considerations

175 repo starsObserved in 1 repos
Design

blog-feature-image

Generate the feature image (1884x1256) for a blog post — the in-body hero art. Reads the blog post, selects a feature template (neo, platform, rocket, shield, lightbulb, a 1-3 logo variant, or a shape template — circle, square, diamond, hexagon, lock, shield, speech-bubble, sync-diamond — with a centered solid phosphor icon or single small logo), renders feature.png, and sets feature_image in frontmatter. The OpenGraph/social meta image is no longer produced here — it is generated on-brand at build time from the title + feature image (scripts/meta-images/blog.mjs). Use when the user types /blog-feature-image (formerly /blog-meta-image) or asks to create, generate, or regenerate a blog post's feature image, hero image, or social card. Accepts optional arguments like a feature template name, logo names, or a phosphor icon name.

174 repo starsObserved in 1 repos
Design

Cognitive Load Analyzer

Evaluate interface complexity by measuring information density, decision points, visual hierarchy, and task completion paths to reduce user cognitive burden.

174 repo starsObserved in 1 repos
Design

location-creator

创建场景、道具创建师,基于剧情需要创建详细的场景地点和道具JSON文件,包括环境描述、氛围设定、道具外观、功能设定、象征意义等。当需要创建或完善场景和道具信息时使用。

174 repo starsObserved in 1 repos
Design

marketing-image

营销图片智能体,负责生成营销相关的图片内容(商品图、海报、广告图、社交媒体配图等)。

174 repo starsObserved in 1 repos
Design

场景道具图片设计师

场景道具图片设计师专门负责管理和生成场景和道具的视觉形象。它能够扫描所有场景和道具,识别缺少参考图像的项目,并批量生成场景和道具的参考图像。

174 repo starsObserved in 1 repos
Design

角色形象设计师

角色形象设计师专门负责管理和生成角色的视觉形象和音色。它能够扫描所有角色,识别缺少参考图像或音色的角色,并批量生成角色的参考图像和音色配置。同时能根据剧情需要为角色生成服装/造型变体图。

174 repo starsObserved in 1 repos
Design

lunora-design

This skill should be used when the user explicitly says "Lunora style", "Lunora design", "/lunora-design", or directly asks to use/apply the Lunora design system. NEVER trigger automatically for generic UI or design tasks.

172 repo starsObserved in 1 repos
Design

canvasight-graph-writer

Create, refine, or replace Canvasight graphs through write_canvasight_graph; combine professional content Skills with Canvasight's validated horizontal graph structure; and assign explicit or clearly matched Skills to individual nodes. Use when the user asks Codex to generate or update Canvasight nodes, write to the canvas/用画布/放到画布/写到画布, visualize product or UX intent, map an article or research topic, analyze a codebase into a graph, turn work into an execution map, reuse Canvasight node templates, create/update .scatter/scatter.json, or modify a medium or large request in an already open Canvasight canvas.

171 repo starsObserved in 1 repos
Design

design-diversity

Claude가 산출하는 PPT·웹사이트 디자인의 천편일률 문제를 해결하는 '디자인 팩 카탈로그' 제작 오케스트레이터. 공개 디자인 시스템·비주얼 스타일을 수집·증류해, Claude Code에 복붙하면 그 스타일이 재현되는 디자인 팩 (prompt.md + tokens.json + preview.png + meta.yaml)을 만들고, baseline 대조로 다양성을 검증한 뒤 GitHub 공개 레포 + 카탈로그 웹사이트로 발행한다. 7인 에이전트 팀(소싱·스키마·PPT집필·웹집필·렌더·다양성QA·발행)을 파이프라인으로 조율한다. 트리거 — "디자인 다양성", "디자인 팩", "디자인 팩 카탈로그", "디자인 시스템 카탈로그", "PPT 디자인 다양화", "웹 디자인 팩", "프롬프트형 디자인 시스템", "Claude 디자인 천편일률", "디자인 팩 만들어줘". 후속 작업 — "팩 추가", "PPT 팩 N개 더", "웹 팩 추가", "특정 팩만 다시", "다양성 검증 다시", "팩 재집필", "스키마 변경", "카탈로그 사이트 재배포", "레포 갱신", "재실행"도 모두 이 스킬로 처리한다. 단순 PPT 1건 제작은 korean-premium-deck, 단순 웹사이트 1건은 frontend-design을 사용한다.

171 repo starsObserved in 1 repos
Design