Design skills

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

atutun-xhs-cover

阿囤囤风格小红书封面提示词生成。用于AI工具、效率方法、产品测评、教程部署、个人经验、播客推荐、职场认知类内容的爆款竖版封面设计。特点是真人出镜、超大柔和浅黄(#FDFFA7)/白色中文标题、粗黑描边、人物抠图描边、绿色勾选清单、emoji贴纸、箭头标注、高对比高密度构图。关键词:小红书封面、爆款封面、阿囤囤风格、AI教程封面、产品测评封面、封面提示词。

325 repo starsObserved in 1 repos
Design

lemma-widget

Create lightweight inline Lemma widgets for conversations via display_resource(type="WIDGET"): self-contained HTML/CSS/JS or SVG for metrics, lists, comparisons, timelines, record details, previews, and charts, optionally powered by live pod data through the browser Lemma SDK. Use an app, not a widget, when the UI needs React, routing, or substantial application state.

325 repo starsObserved in 1 repos
Design

enhance-theme

Locate, modify, and optionally promote CTk Theme Builder theme JSON files

323 repo starsObserved in 1 repos
Design

Draw Image

Generate an image from a text prompt using the default OpenAI-like LLM config (gpt-image-1-mini or compatible image generation API). The image is uploaded to the gofile.io public file sharing service and ONLY the public download page URL is returned.

322 repo starsObserved in 1 repos
Design

ui-layout-consistency

CloudDM Web 产品 UI 一致性规范:扁平化编辑型 B 端、壳层布局、少线框分区、组件与 token。 新增或改版任何用户可见 UI 时必须优先阅读;无法满足则中断改动。

321 repo starsObserved in 1 repos
Design

web-app-palette

「茶韵·宋雅」配色系统 —— 用户偏好的 web app 默认视觉风格。 Use this skill whenever the user starts a new web app, web page, dashboard, landing page, admin panel, or any frontend project, EVEN IF they don't mention color or design. The user has explicitly chosen this palette as their default and likes it ("清淡高雅"). Always apply this palette by default unless the user explicitly asks for a different style. Trigger phrases include (but are not limited to): - "写个 web app / 做个网站 / 做个页面 / 新建一个项目" - "做一个 dashboard / 后台 / 登录页 / 落地页" - "HTML 页面 / 前端 demo / 单页应用" - Any new project that will have visible UI The skill provides complete design tokens (colors, typography, shadows, spacing), a ready-to-use CSS base, Tailwind v4 configuration, and component style snippets. Reference files contain everything needed to make the app look like the validated "Kokoro TTS" demo. Skip this skill only when: (1) the user explicitly requests a different visual style (dark mode, brutalist, minimal, etc.), (2) the work is purely backend/non-visual, or (3) extending an existing app with its own design system.

321 repo starsObserved in 1 repos
Design

infographics

Create professional infographics using Nano Banana Pro AI with smart iterative refinement. Uses Gemini 3 Pro for quality review. Integrates research-lookup and web search for accurate data. Supports 10 infographic types, 8 industry styles, and colorblind-safe palettes.

320 repo starsObserved in 1 repos
Design

pixel-art-sprites

Use this skill when creating pixel art sprites, animating sprite sheets, building tilesets for 2D games, or managing indexed color palettes. Triggers on pixel art, sprite sheet, sprite animation, tileset, tile map, pixel palette, indexed color, dithering, sub-pixel animation, NES palette, walk cycle sprite, and any task involving low-resolution raster art for games or retro aesthetics.

320 repo starsObserved in 1 repos
Design

userinterface-wiki

UI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 categories from animation principles to typography. Outputs file:line findings.

320 repo starsObserved in 1 repos
Design

visual-content

When the user wants to plan, create, or repurpose visual content (images, infographics, social post images) across channels. Also use when the user mentions "content images," "social media images," "infographic," "visual content," "post image," "image specs," "visual repurposing," "content visuals," or "image for social post." For Pinterest, use pinterest-posts.

320 repo starsObserved in 1 repos
Design