Design & Media

aradotso Skill

Generate UI components in Nothing's design language — monochrome, typographic, industrial aesthetic with Swiss typography and mechanical interface elements

aradotso Skill

Extract pixel-perfect code, design tokens, and component structures from Figma designs via MCP tools for AI-driven development workflows

damionrashford Bundle

OCR, logo detection, and rectangle operations with ffmpeg: ocr (Tesseract inside ffmpeg), find_rect (find a reference rectangle), cover_rect (hide it), delogo and removelogo (station logo removal), qrencode (generate QR), quirc (decode QR from frames). Use when the user asks to read text from video frames, detect a recurring logo, hide or blur a TV station watermark, find repeated rectangles, extract visible text with OCR, or embed and decode a QR code inside video.

damionrashford Bundle

Apply video filters with ffmpeg -vf / -filter_complex: scale, crop, pad, rotate/transpose, fps, setsar, deinterlace (yadif/bwdif), overlay, hstack/vstack, drawtext, drawbox, color (curves, eq, colorchannelmixer), denoise, sharpen, blur, fade, zoompan. Use when the user asks to resize, crop, rotate, flip, pad, overlay a watermark/logo, stack videos side-by-side, add text/captions on top, change fps, deinterlace, color correct, sharpen, blur, or apply any video effect.

abdullah4ai Skill

Typography rules: system text styles, Dynamic Type, font weights, type hierarchy, line spacing. Use when implementing UI patterns related to typography.

abdullah4ai Skill

Design system: tokens, themes, consistent spacing, color, typography. Use when implementing UI patterns related to design systems.

stuffbucket Skill

Root index for the design-* family — UI/UX design review, refinement, and production polish across foundation (project context, design system, frontend scaffolding), visual treatment (color, typography, layout, motion), UX content and flow (clarity, onboarding, adaptation), and review/quality (audit, critique, check, polish, harden). Use when the user asks to design, review, improve, polish, animate, simplify, or audit a UI; or mentions visual hierarchy, design system drift, accessibility, or "make this look better". Routes to specific design-* sub-skills.

wenerme Bundle

USE THIS SKILL WHEN writing prompts for AI image generation: creating illustrations, cover images, infographics, diagrams, or any visual content. Covers prompt structure, visual styles, color palettes, layout types, composition principles, scenario-specific templates, SD style presets, and Nano Banana (Gemini Flash) prompt techniques with 100 real-world cases. Triggers on: image prompt, generate image, illustration, cover image, infographic, 配图, 封面图, 信息图, dall-e prompt, midjourney prompt, nano banana, gemini image, image generation.

kok-o Skill

Audits and upgrades existing web codebases with high-end typography, color, layout, and interaction polish.

yunseo-kim Bundle

Review UI code for Web Interface Guidelines compliance. Audits code against 100+ rules covering accessibility, performance, UX, forms, animation, typography, images, navigation, dark mode, touch interactions, and i18n. Use when asked to review UI, check accessibility, audit design, or review UX.

vignesh2027 Skill

Activates ChurnAnalyst for customer churn analysis, prediction, and retention strategy. Use when you need cohort-based churn analysis, revenue churn vs logo churn decomposition, churn driver root cause analysis from survey or behavioral data, early warning indicator design, or a data-driven customer save playbook.

vignesh2027 Skill

Activates UI-UX-Designer for user experience design, interface critique, and accessibility review. Use when you need user flow mapping and friction identification, wireframe critique and design improvement recommendations, accessibility audit against WCAG 2.1 AA standards, design system component specification, or usability heuristic evaluation of existing interfaces.

thelobbi Bundle

Core skill for Microsoft Fluent 2 design system — design tokens, color system, typography, layout, component library overview, theming with FluentProvider, accessibility patterns, and iconography. This is the foundational skill; specialized topics are covered by dedicated skills (fluent-nextjs, fluent-griffel, fluent-extensibility, fluent-web-components, fluent-charting, fluent-cross-platform, fluent-forms, fluent-integration).

thelobbi Bundle

Fluent UI for iOS (Swift/UIKit) and Android (Kotlin) — platform setup, component catalogs, design token parity, CocoaPods/SPM for iOS, Gradle for Android, and Figma design kits for each platform.

crazymsn Bundle

Create research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY when the user explicitly requests PowerPoint/PPTX poster format. For standard research posters, use latex-posters instead. This skill provides modern web-based poster design with responsive layouts and easy visual integration.

reaviz Skill

Typography

reaviz Skill

Use when the user asks to set up, install, or migrate to the Unify Theme for reablocks — a production-ready theme pack built on a three-level design-token system (primitives → semantic → Tailwind utilities) synced with the Unify Figma library. Covers the single-file `themeUnify.ts` TypeScript download, the Reablocks Figma Plugin one-click **Export Styles** zip (index.css / common.css / root.css / light.css / dark.css / tw.css), file layout, per-component detail tokens (e.g. `--buttons-details-height-core-icon-lg`), re-branding via primitive scale, customization without TypeScript changes, and Tailwind v4+ wiring.

masih-0x3 Skill

Toolcraft: use when a generated app task includes a Figma URL, node ID, or design-to-code requirement.

masih-0x3 Skill

Toolcraft: use to translate inspected Figma structure into a production-ready generated app.

kevin-liu-01 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. Use when the user says "GSAP ScrollTrigger", "editorial typography", "bento grid", "section spacing", "AIDA layout", "scroll pinning", or wants awwwards-level motion-rich landing pages.

kevin-liu-01 Skill

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. Use when the user says "Google Stitch", "DESIGN.md", "semantic design system", "Stitch screen generation", or wants to generate a design system file for Stitch's AI agent.

kevin-liu-01 Skill

Design audit with UX usability tests. Adapted from GStack's /design-review (Garry Tan, github.com/garrytan/gstack) for Cursor + agent-browser. 6-phase audit: first impression, design system extraction, page-by-page visual audit with 80-item checklist, interaction flow review with goodwill tracking, cross-page consistency, and compiled report with letter grades.

kevin-liu-01 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. Use when the user says "brand kit", "brand guidelines", "logo system", "identity deck", "visual world", "brand board", or wants to generate brand identity images.

kevin-liu-01 Skill

Use when the user wants a high-signal frontend, distinctive art direction, strong motion design, 3D/parallax, shader effects, landing pages, docs sites, dashboards, or a tokenized design system that avoids generic AI-generated UI.

kevin-liu-01 Skill

Reticle/Sigil design system reference. Use when generating UI for a project that uses this design system -- provides token names, layout primitives (margins, gutters, crosses), typography, and component patterns. Drop in your own design-system skill to replace it.

naveedharri Bundle

Build a Ben AI image-first carousel (Type B) from provided source content and export it as a PDF. Give it a newsletter, a YouTube transcript, a LinkedIn post, or a raw brief; it picks the slide count (3-10), writes the copy in Ben's voice, renders every slide with Higgsfield GPT Image 2, composites the real-logo brand footer in code, and assembles the PDF. Use whenever the user (or an orchestrator/routine) says "build a carousel", "turn this into a carousel", "make a LinkedIn/Instagram carousel", or "repurpose this into slides".

naveedharri Bundle

Generate on-brand YouTube thumbnails for Ben van Sprundel using Higgsfield in one shot. Use when the user says create a thumbnail, make a YT thumbnail, thumbnail for video, generate ben thumbnail, variation of last thumbnail, or shares a video concept and asks for a thumbnail. Auto-infers mode from the inputs (variation, new-with-ben, ben-plus-other, no-face), defaults to 3 variants, asks at most one question. On topic-driven runs it first researches what is working in the niche (VidIQ preferred, else Apify or the youtube connector), distills the winning patterns, and lets the user pick or mix before generating. Uses reference images as the identity anchor and anchors on the 10 most recent shipped thumbnails in references/brand-examples/. No Soul training required. Reads the locked style spec at Context/youtube-thumbnail-style.md if present. Real logos are never rendered; the thumbnail fills the frame edge-to-edge and the user composites the logo in post.

naveedharri Bundle

Design System Creator

aradotso Skill

Premium design system harness for Claude Design Web that maintains context, tokens, and component fidelity across sessions

aradotso Skill

Chrome extension that captures webpages and converts them into editable Figma-compatible JSON files with support for full-page and element capture

aradotso Skill

Automate Figma designs with AI using MCP server - no API limits, full read/write via plugin bridge

aradotso Skill

Drop-in design system for Unity 6 UI Toolkit with tokens, components, icons, mobile responsiveness, and runtime helpers

aradotso Skill

Convert Figma design tokens into structured design.md for AI-assisted coding with Cursor, Claude Code, and Copilot

aradotso Skill

Extract Figma design tokens, components, and screens to generate Flutter code using Model Context Protocol (MCP)

aradotso Skill

AI-powered Figma plugin for auditing components for design system compliance, accessibility, and developer readiness

aradotso Skill

Enforce Design System compliance in AI-generated Figma designs with 4 skills that bind components, tokens, and styles