Design & Media

build-with-dhiraj Skill

phy6.ai brand asset loop — favicons, PWA icons, OG images, and visual QA grounded in the Renaissance First Principles design system. Use when generating favicons, wiring Next.js metadata/icons, syncing Claude Design with the repo, or verifying brand assets at 16/32/180px.

build-with-dhiraj Skill

Customize a Flutter app's appearance via the theming system. Use to define global styles, colors, typography.

spike-faye-lei Bundle

Analyze images, websites, and Figma files to extract their design and generate a `design.md` with token system, component inventory, and reconstruction notes. Use this skill whenever the user wants to understand, document, replicate, or audit the design of something visual: a screenshot, a URL, a Figma link, a Pinterest reference, a mockup, a competitor's site, a component, a dashboard, a landing page. Also when they ask 'extract the design system from X', 'document the style of Y', 'analyze this visually', 'convert this image into tokens', 'help me replicate this design', 'what palette does this site use', 'how is this built'. If the user brings any visual source and wants to understand it at a design level — this skill should activate.

spike-faye-lei Skill

DEPRECATED — superseded by /paper-poster-html. Kept only as a redirect for muscle memory; do not use for new posters.

spike-faye-lei Skill

Generate an academic poster from a drafted paper — distill sections into a single-page HTML poster with figures and inter-section transitions

spike-faye-lei Bundle

Paper Poster (HTML): measurement-gated poster generation

spike-faye-lei Skill

Generate publication-quality AI illustrations for academic papers using Gemini image generation. Creates architecture diagrams, method illustrations with Claude-supervised iterative refinement loop. Use when user says "生成图表", "画架构图", "AI绘图", "paper illustration", "generate diagram", or needs visual figures for papers.

spike-faye-lei Skill

Generate deterministic publication-quality architecture, workflow, and pipeline diagrams from structured JSON (FigureSpec) into editable SVG. Use when user says "架构图", "workflow 图", "pipeline 图", "确定性矢量图", "figure spec", "draw architecture", or needs precise, editable, publication-ready vector diagrams. Preferred over AI illustration for formal architecture/workflow figures.

spike-faye-lei Bundle

Generate publication-quality academic illustrations through a local Codex app-server bridge that uses Codex native image generation. This is a separate experimental alternative to `paper-illustration`, intended for Claude Code users who want a GPT-image-style renderer without modifying the original skill.

is-bo Skill

Use automatically for visual-interface creation and improvement, including direction, typography, color, spacing, layout, systems, states, consistency, motion, and polish while preserving usability, accessibility, and established brand conventions.

is-bo Bundle

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.

qa-aman Skill

Write a component spec for engineering handoff. Use when the user says "component spec", "design handoff", "spec this component", "document this component for engineering", "Figma handoff", "component documentation", "how do I hand this off", or needs to communicate a UI component design to developers - even if they don't explicitly say "component spec".

qa-aman Skill

Document a design system component. Use when the user says "design system docs", "document this for the design system", "add this to the design system", "design token", "component library docs", "style guide", "design system entry", or wants to formally document a pattern, component, or token for team-wide use - even if they don't explicitly say "design system".

qa-aman Bundle

Rewrite UI copy directly on Figma files to be simpler, jargon-free, and terminologically consistent. Trigger when: user says "rewrite copy", "simplify copy", "fix the text", "copy audit", "UX copy review", "clean up the wording", shares a Figma URL and mentions copy/text/wording, or asks to make text simpler/clearer/more consistent on a Figma file.

openlabor Skill

Generate professional logomarks and wordmarks using AI image generation

zhouyinlong-lab Bundle

AI-powered design intelligence toolkit for coding assistants【轻量独立版 · dog-frontier 已包含本技能】。 Provides 67 UI styles, 161 color palettes, 57 font pairings, 25 chart types, 99 UX guidelines, and 161 industry-specific reasoning rules across 16 tech stacks (HTML+Tailwind, React, Next.js, shadcn/ui, Vue, Svelte, SwiftUI, Flutter, etc.). The v2.0 Design System Generator takes a project description and outputs a complete design system. 只需设计推荐用本技能，需要全链路前端方案（含组件开发/品牌/动画）用 dog-frontier。 Trigger keywords: UI design, UX, design system, color palette, font pairing, dashboard design, landing page, glassmorphism, minimalism, brutalism, neumorphism, Bento grid, shadcn/ui design, Tailwind design, UI风格, 设计系统, 配色, 字体搭配.

zhouyinlong-lab Skill

撕纸拼贴海报——层叠的撕纸效果、粗糙排版、邮票、胶带、贴纸和复印机纹理。 一种手工感极强的编辑式拼贴海报风格，适合独立杂志、音乐演出、艺术展览等场景。 Trigger keywords: 撕纸拼贴, 拼贴海报, 手工海报, collage poster, torn paper, 复印机纹理, 粗糙排版, 邮票风格, 胶带贴纸, 编辑式海报, 独立杂志风, zine, 手工质感, grunge poster.

zhouyinlong-lab Skill

苏联童书怪诞风——把照片变成奇怪、粗糙、褪色的东欧儿童书籍插图， 配上荒诞的手写押韵诗。一种独特而有趣的艺术风格转换。 Trigger keywords: 苏联童书, 怪诞风格, 东欧绘本, 褪色插画, soviet storybook, grotesque, 复古童书, 荒诞诗, 绘本风格, 照片转插画, 东欧美学, 粗糙质感, 手写体, vintage illustration.

zhouyinlong-lab Bundle

UI polish skill — 16 design engineering principles for making interfaces feel polished and professional. Covers typography, surfaces, animations, and performance. Triggers on UI review, design details, "make it feel better", "feels off", 界面打磨, UI细节, border radius, shadows, stagger animations, enter/exit transitions, optical alignment, font smoothing, tabular numbers, image outlines.

zhouyinlong-lab Skill

海报设计工作室元技能(Dog-Poster)——上游通过风格询问确定你的需求，下游自动路由到最合适的 海报生成器：(1) 信息图风 → article-poster，(2) 通用设计风 → canvas-design， (3) 手工拼贴艺术风 → torn-paper-collage-poster。三个子技能各有所长， 本技能负责帮你选对工具。 Trigger keywords: 海报设计, 做海报, 海报, poster, 设计海报, 生成海报, dog-poster, poster studio, 海报工作室, 帮我做海报, 宣传海报, 活动海报, 信息图海报, 拼贴海报, 我要做海报, create a poster, design a poster, Dog-Poster。

zhouyinlong-lab Skill

Apple 设计哲学蒸馏——将 WWDC 流体界面设计原则翻译为 Web 端的 CSS/JS 实现。 16 条原则覆盖：直接操作·弹簧物理·中断性·速度传递·动量投影·橡皮筋边界· 材质与景深·排版·无障碍。适用于构建"像原生一样流畅"的 Web 交互体验。 Trigger keywords: Apple风格, 苹果设计, iOS动效, 流体界面, fluid interface, Apple design, spring animation, 像iOS一样丝滑, rubber-banding, 橡皮筋效果, 原生感, native-like, Apple质感, 毛玻璃效果, backdrop-filter, 苹果排版, San Francisco字体, 中断式动画, 手势动画, momentum scroll, fluid gesture, 苹果风格抽屉, 苹果风格弹窗, apple design system.

zhouyinlong-lab Bundle

A comprehensive collection of 22 Claude Code skills for content creation, AI-powered generation, and productivity utilities. Includes skills for image generation (11 backends), slide deck creation (17 styles), SVG diagram generation (9 types), educational comic creation, article illustration, social media posting (X/WeChat/Weibo), translation (3 modes), image compression, YouTube transcript extraction, URL-to-markdown conversion, markdown formatting, and more. Use when the user needs content creation, image generation, slide decks, diagrams, comics, social media publishing, translation, or any of the 22 specialized workflows. Trigger keywords: 生成图片, 幻灯片, PPT, 图表, diagram, 漫画, comic, 配图, 发帖, post to X, 翻译, translate, 压缩图片, compress image, YouTube transcript, markdown formatting, 小红书, infographic, 封面图, cover image, 微信公众号, 微博, Electron extract, format markdown, url to markdown.

zhouyinlong-lab Skill

视觉生产中台——19 种设计生产能力的总控路由元技能。覆盖图表·幻灯片·海报·Logo· 品牌UI·公众号排版·故事板·文章配图·生成艺术·Gemini文生图等全视觉链路。 从内容出发自动选择图表类型、风格系统和输出格式。 与 Dog-Skills 现有设计技能（architecture-diagram/fireworks-tech-graph/ huashu-slides/dog-poster/canvas-design/algorithmic-art/brand-workshop） 互补协作。优先推荐已有 Dog-Skills，Design Buddy 补独有能力。 Trigger keywords: 做图, 配图, 封面, 公众号排版, 幻灯片, 信息图, 逻辑图, 故事板, Logo设计, 品牌UI, Gemini生图, 文章配图, 小红书图片, 海报生成, 图表生成, 分镜, design diagram, chart, slide deck, logo, brand UI, wechat layout, storyboard, illustration, infographic.

zhouyinlong-lab Skill

文章→信息图海报——从文章 URL/文本自动生成精美信息图海报，适合社交媒体传播。 Trigger keywords: 文章海报, 信息图, article poster, infographic, 公众号海报, 小红书配图, 内容海报, 知识卡片, blog to poster。

nexscope-ai Bundle

Detect graphic trademarks in product images by comparing against registered trademark databases across 15 major trademark offices using YOLO-based object detection and visual similarity. Triggered when users mention graphic trademark detection, logo infringement check, trademark similarity analysis, image trademark risk assessment, product image trademark screening, or logo detection. Even if the user does not explicitly say "trademark detection," this skill should be triggered whenever the need involves comparing a product image against registered graphic trademarks or assessing trademark infringement risk.

handsomeboy990 Bundle

Design System

aradotso Skill

Figma MCP server with full read/write access via plugin bridge — no API tokens, no rate limits, text to designs and designs to code

aradotso Skill

Bypass Figma API limits by streaming live document data from Figma plugin to AI tools via MCP server for design-to-code workflows

aradotso Skill

Connect AI coding agents to Figma designs via MCP to generate code from frames, extract design tokens, use Code Connect, and write directly to the canvas

aradotso Skill

MCP service that converts Figma designs into high-fidelity UI code with layout detection, asset slicing, and platform-specific output.

minimax-ai Skill

当用户准备申请商标、注册品牌标识，需要评估标志可注册性、确定申请类别、 准备申请材料时使用。覆盖场景：新品牌商标申请前评估、显著性初筛、尼斯 分类选择、近似检索策略制定、申请材料清单准备。同义场景词：商标注册、 商标申请准备、商标检索、LOGO 注册、品牌保护。执行链路：显著性与禁用 条款初筛、核心类+防御类类别规划、官方检索指引（人工执行）、主体与 材料清单、时间线与费用构成说明，收尾过引用审计并走后果门。本技能不做 「保证注册成功」的结论。

cbrock84 Skill

Builds and maintains the design system a product is assembled from — tokens for color, type, spacing and elevation, component contracts, and the rules that keep them coherent as the product grows. Use this when starting a new interface, when screens have drifted apart visually, when the same component exists three times in slightly different forms, or when a token or component needs adding without breaking what exists.

marucie Skill

Use when an existing website or app has generic/tired design and needs premium polish without rewriting the codebase. Trigger: 'redesign this', 'upgrade the UI', 'make it look professional', 'fix the generic AI look', existing project with working functionality but poor visual quality. NOT for: green-field designs (use frontend-design), design system creation (use visual-style), or user research phases (use stitch-design-pipeline).

iblai Bundle

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Falls back to the ibl.ai BRAND.md design system when the project has none. Not for backend-only or non-UI tasks.

iblai Bundle

Add a responsive navbar with logo, page links, notification bell, and profile dropdown

iblai Skill

Generate every required app-icon size for Tauri desktop, iOS, Windows MSIX, and macOS builds from a single source image. Use when the user mentions app icons, icon generation, iconography, favicons, replacing the logo, or needs the full icon set for a desktop/mobile build. The ready-made default ibl.ai icon set ships in iblai-vibe-ops-build/assets/icons/.