Design skills

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

handdrawn-route-map-card

Lingzao lightweight visual workflow Skill for turning a city, food, travel, hiking, life checklist, study plan, creator workflow, AI workflow, or SOP topic into a Xiaohongshu-style hand-drawn collectible route-map card. Use for 手绘收藏地图, 手绘路线图, 美食地图, 旅游地图, 徒步路线地图, 生活清单地图, 工作流说明书地图, 食谱卡风格, 小红书手绘图, or when a user wants an illustrated cream-paper watercolor map/card like a hand-drawn recipe card.

162 repo starsObserved in 1 repos
Design

xhs-cover-lab

Lingzao lightweight XHS cover lab Skill for Xiaohongshu cover analysis, cover copy, visual style routes, reference-image briefs, no-person knowledge cards, face-led covers, interaction-post covers, and text-dense screenshot-style covers. Use for lingzao xhs cover lab, Xiaohongshu cover design, XHS cover analysis, 小红书封面, 封面诊断, 封面文案, 参考图做封面, or 知识卡片.

162 repo starsObserved in 1 repos
Design

maggie-design

Maggie's personal design philosophy — minimalist, progressive, and dynamic. Use when designing or reviewing UI components, pages, or interactions to keep the interface spare, let users learn by doing, and favour live, animated, progressively-disclosed components over labelled and static ones.

161 repo starsObserved in 1 repos
Design

skill-director

当已有剧本、故事方向或内容大纲,需要转成可拍摄执行方案时使用。负责镜头节拍、场景/角色/道具资产计划、故事板表达方式、剪辑决策、段间承接和音频处理计划等“怎么拍”的设计。

161 repo starsObserved in 1 repos
Design

thumbnail

Use when コレクションの YouTube サムネイル(thumbnail.jpg)を CTR 最適化し、textless main.png/jpg を先行生成して実フォント合成するとき。「サムネイル生成」「画像生成」「アイキャッチ」で発動。伸びた動画起点の改善ループは /thumbnail-iterate、競合の勝ちパターン分析は /thumbnail-research、320px 視認性比較は /thumbnail-compare、単独の Studio A/B 設計・結果記録は /thumbnail-test、SVG・汎用画像生成には使わない

161 repo starsObserved in 1 repos
Design

gpui-styling

GPUI styling system including theme design, responsive layouts, visual design patterns, and style composition. Use when user needs help with styling, theming, or visual design in GPUI.

159 repo starsObserved in 3 repos
Design

design-engineering

UI craftsmanship: animation rules, easing, micro-interactions, state polish. Triggers: animation, transition, ease-out, motion, micro-interaction, hover, loading state, UI polish.

159 repo starsObserved in 1 repos
Design

gpui-layout-and-style

Layout and styling in GPUI. Use when styling components, layout systems, or CSS-like properties.

159 repo starsObserved in 1 repos
Design

high-density-ui

Guidelines for building high-density enterprise UIs in Fleet Console.

159 repo starsObserved in 1 repos
Design

article-icons

Illustrate an article (Markdown, HTML, etc.) with animated-style icons from itshover.com/icons. Fetches icons as clean inline SVG and places them at section headings, key concepts, lists, and callouts. Triggers on: /article-icons, 配图, 给文章配图标, add icons to article, illustrate with icons.

158 repo starsObserved in 1 repos
Design