Design & Media

itsual Skill

Define and manage design tokens (color, typography, space, elevation, etc.) as the single source of truth between design and engineering. Use when building design systems, theming products, or improving design-dev consistency at scale.

itsual Skill

Apply visual design principles — typography, color, layout, imagery, and style — to create polished, coherent, and brand-aligned interfaces. Use when refining visual quality, establishing aesthetic direction, or ensuring brand consistency in product UI.

joshuashepherd Bundle

Produce branded Movemental PDFs (the Movemental, LLC visual identity used at movemental.ai — wordmark logo, Inter typography, monochrome palette with warm-gray accents, generous whitespace, brand panels and stat cards). Use this skill whenever the user asks for a Movemental-branded document, a Movemental Field Guide, a Movemental MOU or proposal, a Movemental report, whitepaper, or any PDF matching the movemental.ai aesthetic. Use it even when the user only says "make this look like our brand", "the way we did it last time", or "in our house style" if the context is Movemental, and any time the deliverable is a PDF for Joshua Shepherd or Movemental, LLC. The skill includes the logo, Inter web fonts, a component library (cover, section openers, brand panels, stat cards, comparison tables, layer pages, checklists, framework callouts, citations, colophon), and a two-pass Chromium render pipeline that produces print-ready PDFs with running header, page-numbered footer, and a suppressed-chrome cover page.

joshuashepherd Skill

Unified design chain audit for Movemental — flushes drift across all 5 layers (Stitch → tokens → primitives → components → layouts) covering color, typography, Tailwind hygiene, pattern, a11y, and interaction fidelity against the "Warm Scholarly Authority" design system. Use before shipping any UI or after a large build sprint.

joshuashepherd Skill

Audit collected affiliation data against logo strip and social proof best practices. Evaluates logo quality, grouping strategy, copy framing, prominence ordering, and strip-readiness. Run after affiliation-scrape, before logo-strip-author.

joshuashepherd Skill

Research organizations a leader is affiliated with AND fetch logos for them. Output is a JSON record optimized for rendering a logo strip / social-proof section on the platform site. NOT the same as substrate organizational affiliations — for the substrate's structured org list, use `movement-leader-substrate`.

joshuashepherd Skill

Run a best-practice Tailwind cleanup that stays **inside the design system this repo already uses**. This skill is intentionally **design-agnostic**: it does not assume shadcn, Material-3, an "ink" system, CSS-variable arbitrary values, or any particular palette. It discovers what the repo does, treats the *best* of that as the standard, documents it if it isn't already, and then makes the code consistent with it.

joshuashepherd Skill

Generate a complete Figma Make prompt package — Context Primer, Checkpoint, Section Build Prompts, and Iteration Templates — for any UI page, component, or screen. Uses intent-first prompting and Figma-native vocabulary. Counterpart to the studio-prompt skill, tuned for design artifacts rather than working code.

ecnu-icalk Skill

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

charleswiltgen Bundle

Use when making visual or interaction design decisions for an Apple app — HIG patterns, Liquid Glass, SF Symbols, typography, app entry-point and auth-flow structure.

tinh2 Skill

Implement complete dark mode for any frontend project. Auto-detects theme system (Flutter ThemeData, Tailwind dark class, CSS variables, MUI, Chakra UI, styled-components), generates a dark color palette with proper surface elevation hierarchy and desaturated brand colors.

tinh2 Skill

Audit and fix responsive design issues across all breakpoints. Scans for fixed widths that cause mobile overflow, missing media query variants, non-responsive images, undersized touch targets below 48px, unreadable typography, and horizontal scroll violations..

tinh2 Skill

Build distinctive, production-grade interfaces at speed. Ships working code — web or mobile — with modern CSS, fluid typography, purposeful motion, and zero generic AI aesthetics. Use when: 'build UI', 'design this', 'create interface', 'make it look good', 'build screen', 'implement design', 'frontend build', 'design build'.

openaeon Bundle

Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems, flow fields, shaders (GLSL), pixel manipulation, kinetic typography, WebGL scenes, audio analysis, mouse/keyboard interaction, and headless high-res export. Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.

williamzujkowski Bundle

Validate design systems for accessibility (WCAG), responsive design, and component consistency with design token analysis.

felvieira Bundle

Skill do Designer UI/UX para interfaces e experiência do usuário: wireframes, design system tokens, componentes de UI, fluxos de navegação, acessibilidade, derivação de paleta (OKLCH, 60/30/10), leis cognitivas de layout (Hick, Fitts, Gestalt, Von Restorff) e estados vazios por tipo. Cobre também auditoria de interface: modo dual auditoria/implementação, classificação de achado (norma/evidência/heurística/preferência) e priorização por severidade. Trigger em: "design", "UI", "UX", "interface", "wireframe", "componente visual", "layout", "responsivo", "mobile first", "acessibilidade básica", "acessibilidade dos componentes", "wcag", "design system", "protótipo", "Figma", "aesthetic anchor", "âncora estética", "paleta", "esquema de cores", "estado vazio", "empty state", "quantas opções mostrar", "auditar a interface", "auditar essa tela", "revisar o design", "auditoria de UI", "avaliar a usabilidade", "achados de UX", "review de design", "dar um parecer", "parecer sobre a usabilidade".

iapro-community Skill

Use as a frontend UX quality gate for responsive behavior, overflow, accessibility, interaction usability, touch targets, typography, layout stability, mobile behavior, focus states, reduced motion, and final visual validation.

iapro-community Bundle

Use for product frontend work: classify intent, discover the project's design system and Design Profile, preserve or evolve UI, run Visual QA, and refuse to mark frontend done from build-only evidence.

jdsadminllc Bundle

Current web standard — clean sans-serif typography, grid layouts, subtle shadows, and polished utility.

jdsadminllc Bundle

Motion-first, animated transitions, dynamic typography, scroll-driven.

jdsadminllc Bundle

Expressive, gallery-feel design with bold typography and unique layouts.

felvieira Skill

Skill para geracao e adaptacao de assets visuais. Use quando o projeto precisar de hero image, background, ilustracao, icone, favicon, mascote ou derivacao de imagem existente sem destoar do app. Trigger em: "gerar imagem", "criar imagem", "hero image", "background image", "favicon png", "icone", "mascote", "illustration", "remover fundo", "transparent icon", "tauri icons".

felvieira Skill

Skill para gerar assets web a partir de logo ou texto: favicon (multi-size), PWA icons, Open Graph images (Facebook/Twitter/WhatsApp/LinkedIn), apple-touch-icon, e respectivos meta tags HTML. Use ao preparar deploy de site, landing page ou PWA novo. Trigger em: "favicon", "favicons", "PWA icon", "manifest", "Open Graph image", "OG image", "social meta", "twitter card", "apple-touch-icon", "imagem de compartilhamento", "share image".

pedroiff0 Bundle

Catálogo curado de ferramentas open source sem signup (NoSignups.net). 234 tools organizadas por categoria e relevância para DevOps/self-hosted/operations. Use para encontrar alternativas open source a ferramentas SaaS, especialmente focado em self-hosted, privacidade e automação.

jdsadminllc Bundle

Custom illustration-driven, character art, storybook feel.

dragoon0x Skill

Auto-fix typography issues found by /type-audit. Replaces banned fonts, normalizes type scale, adds missing line-height and letter-spacing declarations.

dragoon0x Skill

Apply a complete typography system in one command. Sets type scale, font pairings, line heights, letter spacing, and hierarchy simultaneously.

dragoon0x Skill

Align an interface to its design system standards. Replace one-off values with tokens. Ensure every element uses the system.

dragoon0x Skill

Ensure the full color palette passes WCAG contrast at every text size. Tests every foreground/background combination.

dragoon0x Skill

Export the current design system as CSS custom properties. Includes color, typography, spacing, shadows, and radii tokens.

dragoon0x Skill

Export the current design system as W3C Design Tokens JSON format. Compatible with Style Dictionary, Figma Tokens, and other token management tools.

dragoon0x Skill

Design intelligence engine for frontend interfaces. Measures and enforces design quality through scoring algorithms, mathematical scales, and anti-pattern detection. Goes beyond subjective prompting with computable metrics across typography, color, layout, motion, and accessibility. Use when building any frontend UI to ensure output avoids generic AI aesthetics and hits measurable quality thresholds.

dragoon0x Skill

Check for design system drift. Finds tokens that are defined but unused, used values that aren't in tokens, and inconsistencies between token definition and usage.

dragoon0x Skill

Verify component consistency. Same component type should use same spacing, typography, and color patterns everywhere.

dragoon0x Skill

Export the current design system as a Tailwind CSS configuration. Generates theme.extend with colors, fonts, spacing, shadows, and custom screens.

cleanexpo Skill

Design system enforcement for Scientific Luxury tier UI. Triggers on "design", "UI", "component", "styling", "animation", or when creating React components. Enforces OLED black backgrounds, spectral colours, single-pixel borders, physics-based animations, and timeline layouts.