Design & Media

ur-grue Bundle

Generates a detailed color palette brief with named colors, hex codes, rationale, and usage guidance for a media project's visual identity — show artwork, editorial imagery, website, or social media.

tangledgroup Bundle

Minimalist CSS framework that styles semantic HTML elements by default with responsive typography, automatic light/dark modes, and 130+ customizable CSS variables. Use when building clean, lightweight web interfaces with pure HTML markup, creating class-light designs without JavaScript dependencies, or implementing accessible design systems with minimal CSS.

ntizar Bundle

NAP DGT — Punto de Acceso Nacional de Tráfico y Movilidad de la DGT. Catálogo CKAN con datos de tráfico, paneles, cámaras, incidencias, radares, zonas de bajas emisiones, Camino de Santiago y más. Formato DATEX2.

ntizar Skill

AI Engineering Hub — catálogo de proyectos y tutoriales de ingeniería de IA con Jupyter notebooks.

ntizar Skill

Catálogo de skills de Matt Pocock — patrones de skills para agentes IA, estructura y mejores prácticas.

ntizar Skill

Catálogo de Addy Osmani de skills engineering para AI coding agents — 8 slash commands mapeados al SDLC (spec → plan → build → test → review → ship).

ntizar Bundle

Procedimiento para optimizar cualquier design system CSS para que sea infalible con LLMs: LLM.md decision guide, components.json machine-readable, examples/, validation scripts, updated AGENTS.md/INDEX.md/README.

ntizar Skill

Usa a buscar en el catálogo masivo de APIs públicas.

ntizar Skill

Catálogo de recursos de transporte público — APIs, datasets, herramientas, estándares para transporte urbano.

ntizar Bundle

Patrones para ingerir, estructurar y visualizar datos de fuentes gubernamentales — scraping de webs institucionales, parsers de PDFs con estructura fija, normalización a base de datos, dashboards interactivos. Catálogo de 35+ APIs de datos abiertos españolas (BORME, AEMET, INE, ESIOS, etc.). Incluye casos CIAF (ferroviario), CIAIAC (aviación), CIAIM (marítimo). Patrón Agregador Multi-Fuente para combinar múltiples APIs en dashboards unificados.

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

marielynneblock Bundle

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

event4u-app Bundle

Grounded brand decisions from a curated corpus — archetype, voice, naming, colour psychology, logo-style fit, messaging frameworks, archetype→type mapping. Use to ground brand strategy and identity.

event4u-app Bundle

Define a brand identity constraint set from a confirmed strategy — colour story, type story, logo direction, imagery direction. Defines the tokens that token emission and asset generation consume.

tangledgroup Bundle

AI-powered UI design tool generating high-fidelity screens and frontend code from text prompts and images. Provides MCP tools for coding agents, a TypeScript SDK, DESIGN.md format, and export to Figma/AI Studio. Use when generating UI designs from prompts or images, connecting Stitch to AI coding agents via MCP, or building multi-page sites from prompt-driven designs.

internscience Bundle

[Frontend] Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks. Triggers on ui design, ux design, design system, color palette, typography, glassmorphism, claymorphism, neumorphism, bento grid, font pairing, ui-ux-pro-max, stunning interface, beautiful ui.

ryan-brosas Bundle

Use when implementing or reviewing production frontend UI details—typography, font sizing, spacing, forms, validation, navigation, loading and empty states, visual hierarchy, responsive tables, icons, charts, and interaction feedback—from HTML/CSS or component code.

okhp3 Bundle

Foundation skill for ALL Mermaid diagram work. Load this first for any task involving Mermaid syntax, diagrams, flowcharts, process maps, architecture sketches, or visualizing relationships/workflows/structures. Handles audience declaration, diagram type selection across all 27 current Mermaid types (stable and beta), the OKHP3 design system, file naming and the diagram registry, and the three-gate validation framework. Routes to okhp3-mermaid-bpmn, okhp3-mermaid-architecture, or okhp3-mermaid-data for domain-specific vocabulary, and to okhp3-mermaid-publish for rendering/output.

event4u-app Bundle

Generate a logo or brand mark — structured prompt + provider routing, with a true-vector path (vector-native provider or LLM-authored SVG). Use for logo or brand mark generation.

event4u-app Bundle

Derive a type system from a style constraint — font pairings, scale/line-height/weights, DTCG tokens via design-tokens. Use to choose fonts or build a typographic scale.

event4u-app Bundle

Grounded design brief from the corpus — style, WCAG color tokens, typography, layout, anti-patterns. Use on ui-design-brief or any which-style/palette/font/chart call; feeds fe-design.

event4u-app Bundle

Select the right image-generation provider from job shape — text-in-image to Ideogram, photoreal to Flux, vector/logo to Recraft, general to Gemini/GPT.

dragoon0x Skill

Documenting, calibrating, and enforcing brand voice across all content touchpoints. Voice as a design system component.

dragoon0x Skill

Advanced Figma workflows, auto-layout mastery, component architecture, and team collaboration.

dragoon0x Skill

Designing for print output, CMYK considerations, bleed, and print-specific typography.

dragoon0x Skill

Content-driven breakpoints, fluid typography, responsive patterns beyond just "stack on mobile," and designing for real device diversity.

dragoon0x Skill

Type scale systems, font pairing strategies, hierarchy principles, and typographic details that separate amateur from professional work.

dragoon0x Skill

System status page design, incident communication, and uptime display.

dragoon0x Skill

Illustration style guides, when to use illustration vs photography, and maintaining illustration consistency.

dragoon0x Skill

Fluid typography systems, viewport-based scaling, and responsive type hierarchies.

dragoon0x Skill

Strategies for design system adoption, overcoming resistance, and measuring system success.

dragoon0x Skill

Illustration style definition, character design, and systematic illustration for products and brands.

dragoon0x Skill

Design system contribution models, decision-making processes, and system maintenance.

bg-szy Bundle

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.

bg-szy Bundle

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.

bg-szy Bundle

SwiftUI ↔ Figma translation. Use whenever the user mentions Swift, SwiftUI, iOS, iPhone, or iPad — in EITHER direction — translating a Figma design into SwiftUI (design → code), or pushing SwiftUI views / screens / tokens back into a Figma file (code → design). Triggers on phrases like 'implement this Figma design in SwiftUI', 'build this screen in Swift', 'push this SwiftUI view to Figma', 'mirror my Swift code in a Figma file', or whenever a Figma URL appears alongside `.swift` files / an `.xcodeproj`. Routes to a direction-specific reference doc; loads alongside `figma-use` for the code → design path.