Skip to content
SkillsBundleby SANTACONCHA
ES EN
All collections

THE COLLECTION / AI for Diseño Gráfico y Web

Methods for AI for Diseño Gráfico y Web.

Explore the methods in this collection, see what each skill covers and choose where to start.

Explore the 25 skills Get the pack
25 skills in this collectionOriginal methods and associated resourcesFree download with an account

WHAT IS INSIDE

The methods.
One by one.

Open a skill to see what it covers. Its individual page explains the method and the available download formats.

A pack is a collection of skills. A practice example helps you apply a method; it does not replace the skills themselves. Some tasks require external tools, access and your review.

25 skills in this collection

ai-image-generatorGenera imágenes profesionales con IA alineadas con la identidad de marca. Soporta Midjourney, DALL-E 3, Flux, y Stable Diffusion.

A method included in the original pack

skills/transversal/ai-image-generator/SKILL.md

Read the skill and download options
brand-identity-designerDale a tu marca una imagen que la gente recuerda. Crea logotipos, paletas de color y directrices coherentes que funcionen en web, print y redes sin que tengas que pensar en diseño.

A method included in the original pack

skills/verticals/diseno/skills/brand-identity-designer/SKILL.md

Read the skill and download options
Brand GuardianExpert brand strategist and guardian specializing in brand identity development, consistency maintenance, and strategic brand positioning

A method included in the original pack

skills/transversal/design-brand-guardian/SKILL.md

Read the skill and download options
ckm:banner-designDesign banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.

A method included in the original pack

skills/transversal/banner-design/SKILL.md

Read the skill and download options
ckm:design-systemToken architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

A method included in the original pack

skills/transversal/design-system/SKILL.md

Read the skill and download options
design-critiqueAntes de lanzar tu web al mundo, sabrás exactamente qué problemas tiene y cómo arreglarlos. Evaluación profesional de UX, conversión y accesibilidad sin contratar una agencia de auditing.

A method included in the original pack

skills/verticals/diseno/skills/design-critique/SKILL.md

Read the skill and download options
design-masterSkill comprehensivo de diseno que cubre desde fundamentos de diseno grafico hasta implementacion de sistemas de diseno para web y aplicaciones moviles.

A method included in the original pack

skills/transversal/design-master/SKILL.md

Read the skill and download options
design-taste-guardPasada final de "buen gusto" sobre cualquier interfaz generada: detecta y corrige el aspecto genérico de IA (slop) ajustando tipografía, variancia de layout, densidad visual e intensidad de motion antes de entregar. Triggers: revisar diseño, quitar aspecto genérico, subir nivel visual, anti-slop.

A method included in the original pack

skills/verticals/diseno/skills/design-taste-guard/SKILL.md

Read the skill and download options
framer-masterCrea websites interactivos de aspecto profesional en Framer sin saber programar. CMS, autenticación, animaciones y deployment listo para producción, todo desde el canvas de diseño.

A method included in the original pack

Tools and access
Using this method may require compatible tools, a connected account and authorisation. The skill does not provide those integrations or carry out external actions by itself.

skills/verticals/diseno/skills/framer-master/SKILL.md

Read the skill and download options
inclusive-designHabilidad para crear experiencias digitales accesibles e inclusivas. Cubre conformidad con WCAG 2.1/2.2, contraste de color accesible, optimización para lectores de pantalla, navegación por teclado y accesibilidad cognitiva.

A method included in the original pack

Tools and access
Using this method may require compatible tools, a connected account and authorisation. The skill does not provide those integrations or carry out external actions by itself.

skills/transversal/inclusive-design/SKILL.md

Read the skill and download options
Inclusive Visuals SpecialistRepresentation expert who defeats systemic AI biases to generate culturally accurate, affirming, and non-stereotypical images and video.

A method included in the original pack

skills/transversal/design-inclusive-visuals-specialist/SKILL.md

Read the skill and download options
logo-designScope: Conceptos, estrategia, brief creativo, evaluación y referencias. Lo que NO hace: Generar SVG finales de producción (para eso: Figma, Adobe Illustrator, o herramientas de IA listadas en tools/).

A method included in the original pack

skills/transversal/logo-design/SKILL.md

Read the skill and download options
print-design-generatorConsigue flyers, carteles y catalogos profesionales sin pagar a un disenador. Genera archivos listos para imprenta con especificaciones técnicas correctas (colores, dimensiones, sangrados).

A method included in the original pack

skills/verticals/diseno/skills/print-design-generator/SKILL.md

Read the skill and download options
ui-component-stack-selectorElige el stack de componentes UI correcto para cada proyecto web (daisyUI, Magic UI, Originkit, react-bits, shadcn/ui) según framework, licencia, tema y presupuesto de tokens, y establece cómo integrarlo sin ensuciar el design system. Triggers: qué librería de componentes, elegir UI kit, componentes animados, Tailwind components.

A method included in the original pack

Tools and access
Using this method may require compatible tools, a connected account and authorisation. The skill does not provide those integrations or carry out external actions by itself.

skills/verticals/diseno/skills/ui-component-stack-selector/SKILL.md

Read the skill and download options
ui-design-inspiratorEncuentra en segundos lo que otros diseñadores tardan horas en buscar. Inspiración curada de Awwwards, Dribbble y Behance para resolver cualquier problema UI concreto de tu proyecto.

A method included in the original pack

skills/verticals/diseno/skills/ui-design-inspirator/SKILL.md

Read the skill and download options
UI DesignerExpert UI designer specializing in visual design systems, component libraries, and pixel-perfect interface creation. Creates beautiful, consistent, accessible user interfaces that enhance UX and reflect brand identity

A method included in the original pack

skills/transversal/design-ui-designer/SKILL.md

Read the skill and download options
UX ArchitectTechnical architecture and UX specialist who provides developers with solid foundations, CSS systems, and clear implementation guidance

A method included in the original pack

Tools and access
Using this method may require compatible tools, a connected account and authorisation. The skill does not provide those integrations or carry out external actions by itself.

skills/transversal/design-ux-architect/SKILL.md

Read the skill and download options
UX ResearcherExpert user experience researcher specializing in user behavior analysis, usability testing, and data-driven design insights. Provides actionable research findings that improve product usability and user satisfaction

A method included in the original pack

skills/transversal/design-ux-researcher/SKILL.md

Read the skill and download options
visual-identity-auditorAudit and evaluate visual brand identity for consistency and impact. Use when: (1) Auditing brand visual consistency, (2) Reviewing logo usage, (3) Evaluating color and typography, (4) Checking brand asset usage, (5) Refreshing visual identity.

A method included in the original pack

skills/transversal/visual-identity-auditor/SKILL.md

Read the skill and download options
Visual StorytellerExpert visual communication specialist focused on creating compelling visual narratives, multimedia content, and brand storytelling through design. Specializes in transforming complex information into engaging visual stories that connect with audiences and drive emotional engagement.

A method included in the original pack

skills/transversal/design-visual-storyteller/SKILL.md

Read the skill and download options
web-design-trend-analyzerSabrás qué colores, tipografías y estilos están funcionando ahora mismo. Identifica tendencias antes que tu competencia y aplica las que encajen con tu marca antes de que pasen de moda.

A method included in the original pack

skills/verticals/diseno/skills/web-design-trend-analyzer/SKILL.md

Read the skill and download options
web-layout-designerPasa de una idea a un layout web que un desarrollador puede construir. Crea wireframes, mockups y especificaciones técnicas (grid, tipografías, espaciado) sin necesidad de Figma.

A method included in the original pack

skills/verticals/diseno/skills/web-layout-designer/SKILL.md

Read the skill and download options
webflow-masterConstruye webs profesionales en Webflow sin escribir código. Domina el CMS, las interacciones y el SEO on-page para entregar proyectos de agencia sin depender de developers.

A method included in the original pack

Tools and access
Using this method may require compatible tools, a connected account and authorisation. The skill does not provide those integrations or carry out external actions by itself.

skills/verticals/diseno/skills/webflow-master/SKILL.md

Read the skill and download options
Whimsy InjectorExpert creative specialist focused on adding personality, delight, and playful elements to brand experiences. Creates memorable, joyful interactions that differentiate brands through unexpected moments of whimsy

A method included in the original pack

skills/transversal/design-whimsy-injector/SKILL.md

Read the skill and download options

Looking for ways to frame your request? Browse the example library across our featured sectors.

Browse examples

THE COMPLETE COLLECTION

Your next task.
A method to begin.

Download the AI for Diseño Gráfico y Web pack and choose the skills that fit the task you need to tackle.

Create a free account

Already have an account? Sign in to download

ZIP · Version 1.0.1 · 117.2 KB · Free with your account

What you download

  • 25 skill methods from this collection.
  • Their original instructions and associated resources, where included.
  • A pack to explore: select and install the skills your tool supports.

The pack is not a single ready-made installation for every platform. Instructions and available formats are explained in the guides and individual skill pages.

Find your platform guide

SOURCE AND SCOPE

SkillsBundle brings together methods with different authors and licences. Check the source, licence and requirements of each resource before applying it. The method helps you organise the work; you provide the context and review the result.

Terms and licences