Design & Media

unliftedq Bundle

Provides guidelines for developing projected Android XR apps for display glasses using the Jetpack Compose Glimmer UI toolkit. This skill covers foundational Glimmer design principles, workflows for implementing Jetpack Compose Glimmer, and interaction models for the glasses form factor. Use this skill to build an Android XR Augmented Experience app with Jetpack Compose Glimmer that adheres to the Glimmer design system for optimized glasses styling.

antonioshaman Skill

Normalize design to match your design system and ensure consistency

ahaoai Bundle

在进行品牌识别、LOGO设计、品牌平台、命名、视觉识别系统、品牌指南或重塑品牌项目时使用。触发词：品牌设计/LOGO设计/品牌定位/品牌视觉/VI设计/品牌升级。在DesignAgent 线性流程基础上叠加品牌专属方法论。

q00 Skill

Build web interfaces with genuine design quality, not AI slop. Use for any frontend work - landing pages, web apps, dashboards, admin panels, components, interactive experiences. Activates for both greenfield builds and modifications to existing applications. Detects existing design systems and respects them. Covers composition, typography, color, motion, and copy. Verifies results via screenshots before declaring done.

rohitg00 Skill

Generate pixel art SVG illustrations for READMEs, docs, or slides. Use when user says "画像素图", "pixel art", "make an SVG illustration", "README hero image", or wants a cute visual.

rohitg00 Skill

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

rohitg00 Bundle

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

kazdenc Skill

Extract and consolidate reusable components, design tokens, and patterns into your design system. Use when user says "extract components", "create a design system", "make this reusable", "componentize this", "build a component library", or wants to consolidate patterns into a shared library.

makerjackie Bundle

Create high-quality static visual design outputs (.png/.pdf) using original composition and typography.

foxl-ai Skill

Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user needs to interact with an Electron app, automate a desktop app, connect to a running app, control a native app, or test an Electron application. Triggers include "automate Slack app", "control VS Code", "interact with Discord app", "test this Electron app", "connect to desktop app", or any task requiring automation of a native Electron application.

agentiapt Skill

Generate Vela slide deck JSON. 22+ block types, compact format with color palette. Self-contained — no external references needed.

kentoje Skill

Opinionated constraints for building better interfaces with agents. Covers tech stack choices (Tailwind, motion/react, tw-animate-css), accessible component primitives, interaction patterns, animation guidelines, typography, layout, and performance best practices.

mz038197 Bundle

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

nuonuo0518 Bundle

从需求文档和交互设计文档生成结构化测试用例。当用户提供需求文档（iWiki链接/docid、本地.md文件）和/或交互设计文档（本地Figma设计文档.md），并要求生成测试用例、编写测试用例、输出QA用例时触发。核心要求：禁止捏造内容，所有测试用例必须溯源到文档依据或用户确认，文档矛盾/不明确之处必须先通过 AskUserQuestion 澄清后再编写。

dasein108 Skill

Create a complete YouTube channel brand kit for Slope Studio: banner, profile picture, transparent logo/watermark, keywords, and channel description.

dasein108 Skill

Operator playbook for long-form story/audiobook illustration videos with CONSISTENT recurring characters. Use when the user wants to illustrate an existing story or audiobook text as a video, build/rebuild a character card from a reference-image folder (characters/<name>/), or debug character look drift between generated scenes.

waishnav Skill

Create distinctive, production-grade frontend interfaces with strong art direction. Use when building or restyling web components, pages, dashboards, landing pages, React apps, HTML/CSS layouts, or any UI where originality, polish, and visual quality are critical. Enforce anti-slop rules, section-level layout diversity, typography quality, and interaction design.

waishnav Skill

Create distinctive, production-grade frontend interfaces with strong art direction. Use when building or restyling web components, pages, dashboards, landing pages, React apps, HTML/CSS layouts, or any UI where originality, polish, and visual quality are critical. Enforce anti-slop rules, section-level layout diversity, typography quality, and interaction design.

waishnav Skill

Create distinctive, production-grade frontend interfaces with strong art direction. Use when building or restyling web components, pages, dashboards, landing pages, React apps, HTML/CSS layouts, or any UI where originality, polish, and visual quality are critical. Enforce anti-slop rules, section-level layout diversity, typography quality, and interaction design.

waishnav Skill

Create distinctive, production-grade frontend interfaces with strong art direction. Use when building or restyling web components, pages, dashboards, landing pages, React apps, HTML/CSS layouts, or any UI where originality, polish, and visual quality are critical. Enforce anti-slop rules, section-level layout diversity, typography quality, and interaction design.

waishnav Skill

Create distinctive, production-grade frontend interfaces with strong art direction. Use when building or restyling web components, pages, dashboards, landing pages, React apps, HTML/CSS layouts, or any UI where originality, polish, and visual quality are critical. Enforce anti-slop rules, section-level layout diversity, typography quality, and interaction design.

waishnav Skill

Create distinctive, production-grade frontend interfaces with strong art direction. Use when building or restyling web components, pages, dashboards, landing pages, React apps, HTML/CSS layouts, or any UI where originality, polish, and visual quality are critical. Enforce anti-slop rules, section-level layout diversity, typography quality, and interaction design.

waishnav Skill

Create distinctive, production-grade frontend interfaces with strong art direction. Use when building or restyling web components, pages, dashboards, landing pages, React apps, HTML/CSS layouts, or any UI where originality, polish, and visual quality are critical. Enforce anti-slop rules, section-level layout diversity, typography quality, and interaction design.

waishnav Skill

Create distinctive, production-grade frontend interfaces with strong art direction. Use when building or restyling web components, pages, dashboards, landing pages, React apps, HTML/CSS layouts, or any UI where originality, polish, and visual quality are critical. Enforce anti-slop rules, section-level layout diversity, typography quality, and interaction design.

leihuang23 Bundle

Derive or extend a product design system from real context, producing semantic design tokens, component contracts, states, accessibility rules, and implementation mappings. Use for design-system creation or substantial UI work. Do not use to generate an arbitrary trendy palette.

leihuang23 Bundle

Derive or extend a product design system from real context, producing semantic design tokens, component contracts, states, accessibility rules, and implementation mappings. Use for design-system creation or substantial UI work. Do not use to generate an arbitrary trendy palette.

leihuang23 Bundle

Turn a source-backed narrative into an editable Xiaohongshu (小红书) carousel with deterministic Chinese typography, safe-area and overflow checks, caption, contact sheet, and export manifest. Use for RedNote social cards. Do not use image models to render Chinese text.

rosuh Bundle

Use this skill to integrate the Jetpack Compose Styles API into an Android project. This skill guides you through upgrading dependencies, setting up component themes, making custom components styleable, and migrating existing layout properties to use unified styles. Migrate custom design system components, replace hard coded parameters with Style attributes, and use Modifier.styleable for interaction states.

langgenius Skill

Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.

jiabai Bundle

Automatically generate professional SVG illustrations for Markdown articles, with JPEG export and bilingual illustration pages. Triggers: (1) User requests diagrams for articles/blogs/docs, (2) Articles need visualization of flows/architecture/concepts, (3) Complex concepts need to be converted to easy-to-understand diagrams, (4) SVG to JPEG conversion needed, (5) S-tier content needs standalone bilingual pages. Supports flowcharts, architecture diagrams, sequence diagrams, and comparison diagrams.

marcoantolini Bundle

Opt-in only — invoke by name. Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults. Prefer impeccable or design-taste-frontend unless the user explicitly asks for this skill.

marcoantolini Skill

Opt-in only — invoke by name for Awwwards-style GSAP-heavy layouts. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.

mystic-stars Skill

Use the Figma MCP server to translate a Figma design into a Vue page or component layout. Use when the user provides a Figma URL, asks to implement a design, or wants to draft a page layout from Figma.

trycompai Skill

Use when building or editing frontend UI components, layouts, styling, design system usage, colors, dark mode, or icons.

trycompai Skill

Run all audit checks (RBAC, hooks, design system, tests) and verify build

juankcadavid Bundle

Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.