Design & Media

alterlab-ieu Skill

This skill should be used when the user asks about "UI design", "user interface design", "wireframing", "wireframe", "design system", "component library", "app design", "web interface design", "mobile UI", "atomic design", "8pt grid", "Material Design", "Human Interface Guidelines", "HIG", "design tokens", "responsive design", "act as a UI designer", "UI designer mode", "interface patterns", "UI kit", "navigation design", "form design", "dashboard layout", "button styles", "input fields", "card components", "modal design", "design handoff", or needs expertise in app and web interface design, wireframing, design systems, and component libraries. Part of the AlterLab FC Skills collection (VCD department).

alterlab-ieu Skill

This skill should be used when the user asks about "design critique", "design review", "portfolio review", "visual analysis", "design writing", "design criticism", "formal analysis", "semiotic analysis", "design history", "design essay", "act as a design critic", "design critic mode", "critique my design", "review my portfolio", "design feedback", "visual rhetoric", "design theory", "composition analysis", "typography critique", "layout analysis", "design principles evaluation", "Gestalt analysis", "design case study", "design presentation", "design rationale", "defend design decisions", or needs expertise in design critique, portfolio review, visual analysis, and design writing. Part of the AlterLab FC Skills collection (VCD department).

alterlab-ieu Skill

This skill should be used when the user asks about "brand identity", "logo design", "visual identity", "brand guidelines", "brand book", "brand system", "logo system", "brand architecture", "identity design", "brand standards", "style guide", "brand manual", "act as a brand identity designer", "brand identity mode", "visual identity system", "logo variations", "brand audit", "rebrand", "brand refresh", "wordmark", "brandmark", "monogram", "color palette for brand", "brand assets", or needs expertise in designing comprehensive visual identity systems, logo families, and brand guideline documents. Part of the AlterLab FC Skills collection (VCD department).

alterlab-ieu Skill

This skill should be used when the user asks about "color theory", "color palette", "color scheme", "color psychology", "WCAG contrast", "contrast ratio", "color accessibility", "color systems", "Munsell", "Itten color wheel", "HSL", "HSB", "color harmony", "complementary colors", "analogous colors", "triadic colors", "color grading", "brand colors", "act as a color theorist", "color theorist mode", "palette generation", "color meaning", "cultural color associations", "color in design", "color tokens", "dark mode colors", "color blindness", "colorblind safe", "vibrant palette", or needs expertise in color palettes, color psychology, accessibility contrast, and color systems. Part of the AlterLab FC Skills collection (VCD department).

alterlab-ieu Skill

This skill should be used when the user asks about "writing an abstract", "abstract format", "structured abstract", "IMRAD abstract", "conference abstract", "thesis abstract", "dissertation abstract", "abstract submission", "keyword selection", "research summary", "act as an abstract writer", "abstract writer mode", "executive summary", "abstract optimization", "abstract for publication", "paper abstract", "how to write an abstract", "abstract word limit", "abstract discoverability", "journal abstract", "poster abstract", "abstract revision", or needs expertise in crafting compelling academic abstracts, structured summaries, and keyword strategies. Part of the AlterLab FC Skills collection (Research Methods & Academic Writing department).

alterlab-ieu Skill

This skill should be used when the user asks about "motion graphics", "motion design", "title sequence", "kinetic typography", "explainer animation", "motion branding", "animated logo", "lower thirds", "broadcast design", "After Effects", "act as a motion graphics designer", "motion graphics mode", "animation principles", "ease curves", "timing and spacing", "transition design", "animated infographic", "intro animation", "outro animation", "bumper", "ident", "stinger", "lyric video", "animated social media", "loop animation", "GIF design", or needs expertise in title sequences, explainer animations, kinetic typography, and motion branding design. Part of the AlterLab FC Skills collection (VCD department).

ahang1598 Bundle

Browse and select color palettes from Coolors or curated fallbacks. Use to find the perfect color palette for a design project.

ahang1598 Bundle

Browse and select fonts from Google Fonts or curated pairings. Use to find the perfect typography for a design project.

ahang1598 Bundle

Analyze websites for design inspiration, extracting colors, typography, layouts, and patterns. Use when you have specific URLs to analyze for a design project.

concertonotes Skill

Generate a cohesive brand visual kit — logo concept, color palette moodboard, and typography pairing suggestions.

concertonotes Skill

Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules with example mockups.

concertonotes Bundle

Engineer professional-grade brand logos using geometric primitives and negative space — generates minimalist, scalable vector-style marks via muapi.ai

concertonotes Skill

Create a Xiaohongshu (RedNote/小红书) style cover image — vibrant, lifestyle-focused, with aesthetic typography overlay suitable for the Chinese social platform.

concertonotes Skill

Design a professional logo with full branding package — primary logo, variations (dark/light/icon-only), color palette, and real-world application mockups.

wahidyankf Bundle

WCAG-compliant Mermaid diagrams using verified accessible color palette. Use when creating diagrams, flowcharts, or any color-dependent visualizations requiring accessibility compliance for color blindness.

elsolal Skill

Use when design system components in Figma and code are out of sync, when setting up prop mappings between Figma variants and code variants, when detecting drift between Figma components and their code counterparts, or when a designer reports that a component looks different in production than in Figma.

oaustegard Bundle

Turn a short video into a narrated comic strip. Use when the user uploads a video (.mov/.mp4/etc.) and asks to make a comic from it, narrate it, draw it, Attenborough it, storyboard the clip, or otherwise wants a stills-plus-narration comic strip derived from footage. Covers probing and extracting frames, GROUNDING the actual storyline (native Gemini video parse or frame reading), composing narration in a chosen voice, generating comic panels with Gemini image models anchored to the real stills, QA-ing the panels, and compositing a titled strip. Do NOT use for plain video transcoding or trimming (that is processing-video) or for original illustration from a text prompt (that is invoking-gemini).

oaustegard Bundle

Composes single-file HTML artifacts (PR review writeups, status reports, incident postmortems, slide decks, design systems, prototypes, flowcharts, module maps, feature explainers, kanban boards, prompt tuners) from a small JSON spec instead of hand-written HTML/CSS/JS. Use when the user asks to "compare options side-by-side", requests an HTML version of a report or review or deck, asks for a flowchart, status update, postmortem, design system reference, interactive prototype, custom editor — or explicitly says "HTML artifact", "single HTML file", "self-contained HTML". Skip for ad-hoc HTML snippets (forms, emails, embedded widgets) where there's no template fit.

delorenj Bundle

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

delorenj Bundle

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.

delorenj Bundle

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.

blockmatic 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.

boisenoise Bundle

Create and audit editable scientific posters in macro-free PowerPoint (.pptx) from author-approved local content and assets. Use when the requested deliverable is a PowerPoint research/conference poster and exact physical, printer, accessibility, provenance, and package-security checks are required.

boisenoise Bundle

Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.

delorenj Bundle

Entry point for ASCII CLI banners. Choose the Python built-in font skill or the figlet.js/FIGfont skill depending on needs.

delorenj Bundle

Plan and generate terminal ASCII animations/screensaver-style output (FPS, refresh rules, loop policy, low-flicker guidance), with a static poster frame and an optional local demo script.

tfcbot Bundle

Clone a winning Instagram carousel end-to-end. Drop a reference post URL plus a brand or niche, and the skill scrapes the carousel with Scrape Creators, analyzes the format (cover rule, middle-slide rule, closer rule, caption pattern), writes fresh slide specs that hold the format but swap the scenes, generates every slide with Wavespeed gpt-image-2 (typography baked into the photograph in one pass), uploads to a public CDN, drafts a caption modeled on the reference, and publishes to Instagram via Zernio. Use when the user has seen a carousel that works and wants to ship a same-format carousel for their own brand without opening a design tool.

2233admin Bundle

This skill should be used when the user asks to "make a YouTube intro", "create a channel intro", "build a logo sting/bumper", "design an outro / end screen / end card", "add subscribe and next-video cards", "make an intro animation", "build a reusable intro template", or "sync the logo reveal to an audio sting". Covers the 3-5s branded intro, the last-20s end-screen outro inside YouTube's element safe zones, timing conventions, audio-sting sync, and a swap-the-brand template.

joabgonzalez Skill

Structure a DESIGN.md so agents generate consistent UI from project tokens. Trigger: When documenting a design system for agent consumption.

pixartseu Skill

Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.

pixartseu Bundle

Data-backed design-system generator: given a product type or industry, a searchable local database returns concrete recommendations — pattern, style, color palette, typography, effects and anti-patterns — spanning 84 styles, 192 palettes, 74 font pairings, 25 chart types and 22 stacks (React, Next.js, Vue, Svelte, SwiftUI, Flutter, Tailwind, shadcn and more). Use when you need concrete data-driven design tokens and recommendations for a specific product, not just design principles. For principle-based anti-slop craft use hallmark or taste-skill.

pixartseu Bundle

Component-level frontend craft toolkit with 20 iterative design commands (/critique, /audit, /normalize, /polish, /harden, /animate, /colorize, /distill, /typeset, /arrange, /delight, /clarify, /optimize). Use to refine, critique, or polish EXISTING UI components and pages — spacing, typography, motion, states, micro-interactions — or to run a specific refinement command. For generating a whole new page from a brief use hallmark; for a data-backed design system use ui-ux-pro-max.

archibate Bundle

Produce a print-grade slide deck in the kami (紙 / 纸) design system — warm parchment background (or ink-blue for cover / chapter slides), serif at one weight, ink-blue accent ≤ 5% per slide, no italic. Horizontal magazine swipe pagination (←/→ · wheel · swipe · ESC overview). One self-contained HTML file, zero dependencies beyond Google Fonts.

archibate Bundle

A consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar chart, and a match-rate trend block. Editorial typography, restrained accent. Use when the brief asks for a "dating site", "matchmaking", "community dashboard", "social network dashboard", or any consumer product where the data is the story.

archibate Bundle

A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage. Frame 1: cover / poster, Frame 2: today's quests with XP ribbons and a level bar, Frame 3: quest detail. Vivid quest tiles, level ribbon, bottom tab bar. Use when the brief asks for a "gamified app", "habit tracker", "RPG-style life app", "level-up app", "daily quests", "XP / streak app", or "ELI5-style explainer app".

archibate Bundle

Single-image generation skill for posters, key art, and editorial illustrations. Defaults to gpt-image-2 but is provider-agnostic — the same workflow drives Flux, Imagen, or Midjourney via the active upstream tooling. Output is one or more PNG/JPEG files saved to the project folder.