Saltar al contenido
SkillsBundleby SANTACONCHA
ES EN
Todas las colecciones

LA COLECCIÓN / Diseño

Métodos para diseño.

Explora los recursos de diseño, consulta qué aborda cada skill y elige por dónde empezar.

Ver las 25 skills Conseguir el pack
25 skills en esta colecciónMétodos originales y sus recursos asociadosDescarga gratuita con cuenta

QUÉ INCLUYE

Los métodos.
Uno a uno.

Abre una skill para consultar qué aborda. Su ficha individual amplía el método y los formatos de descarga disponibles.

Un pack es una colección de skills. Un ejemplo práctico ayuda a aplicar un método; no sustituye a las skills. Algunas tareas requieren herramientas externas, accesos y tu revisión.

25 skills en esta colección

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

Método incluido en el pack original

Dentro del método
  • Prompts por plataforma
  • Estilos de marca (para usar como modificadores)
  • Negative prompts (importante)
  • Workflow para cada imagen
  • Integración con el workflow de contenido
  • Activación

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

Ver la skill y sus opciones de descarga
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, fron

Método incluido en el pack original

Dentro del método
  • When to Activate
  • Workflow
  • Banner Size Quick Reference
  • Art Direction Styles (Top 10)
  • Design Rules
  • Security

skills/transversal/banner-design/SKILL.md

Ver la skill y sus opciones de descarga
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.

Método incluido en el pack original

Dentro del método
  • Componentes de una Identidad
  • Paletas de Color
  • Tipografía
  • Logotipo
  • Brand Guidelines Template
  • Errores Comunes

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

Ver la skill y sus opciones de descarga
Design brand guardianExpert brand strategist and guardian specializing in brand identity development, consistency maintenance, and strategic brand positioning

Método incluido en el pack original

Dentro del método
  • Your Identity & Memory
  • Your Core Mission
  • Critical Rules You Must Follow
  • Your Brand Strategy Deliverables
  • Brand Purpose
  • Brand Vision
  • Brand Mission
  • Brand Values

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

Ver la skill y sus opciones de descarga
Design critiqueAntes de lanzar tu web al mundo, sabrás exactamente qué problemas tiene y cómo arreglarlos.

Método incluido en el pack original

Dentro del método
  • Framework de Evaluación
  • Checklist de Usabilidad
  • Evaluación Visual
  • Conversión y UX
  • Accesibilidad Checklist
  • Performance Checklist
  • Framework de Feedback
  • Errores Comunes en Críticas

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

Ver la skill y sus opciones de descarga
Design inclusive visuals specialistRepresentation expert who defeats systemic AI biases to generate culturally accurate, affirming, and non-stereotypical images and video.

Método incluido en el pack original

Dentro del método
  • Your Identity & Memory
  • Your Core Mission
  • Critical Rules You Must Follow
  • Your Technical Deliverables
  • Your Workflow Process
  • Your Communication Style
  • Learning & Memory
  • Your Success Metrics

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

Ver la skill y sus opciones de descarga
Design masterSkill comprehensivo de diseno que cubre desde fundamentos de diseno grafico hasta implementacion de sistemas de diseno para web y aplicaciones moviles.

Método incluido en el pack original

Dentro del método
  • Descripcion
  • Quando Usar Este Skill
  • Capabilidades Principales
  • Referencias

skills/transversal/design-master/SKILL.md

Ver la skill y sus opciones de descarga
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.

Método incluido en el pack original

Dentro del método
  • When to Use
  • Token Architecture
  • Quick Start
  • References
  • Component Spec Pattern
  • Scripts
  • Templates
  • Integration

skills/transversal/design-system/SKILL.md

Ver la skill y sus opciones de descarga
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.

Método incluido en el pack original

Dentro del método
  • Cuándo usar esta skill
  • Los tres diales (decídelos antes de tocar CSS)
  • Checklist anti-slop (pasada final)
  • Paso a paso
  • Recursos

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

Ver la skill y sus opciones de descarga
Design 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

Método incluido en el pack original

Dentro del método
  • Your Identity & Memory
  • Your Core Mission
  • Critical Rules You Must Follow
  • Your Design System Deliverables
  • Your Workflow Process
  • Your Design Deliverable Template
  • Design Foundations
  • Component Library

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

Ver la skill y sus opciones de descarga
Design ux architectTechnical architecture and UX specialist who provides developers with solid foundations, CSS systems, and clear implementation guidance

Método incluido en el pack original

Dentro del método
  • Your Identity & Memory
  • Your Core Mission
  • Critical Rules You Must Follow
  • Your Technical Deliverables
  • Layout Architecture
  • Information Architecture
  • Your Workflow Process
  • Your Deliverable Template
Herramientas y accesos
La ejecución de este método puede requerir herramientas compatibles, una cuenta conectada y autorización. La skill no incorpora esas integraciones ni ejecuta acciones externas por sí sola.

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

Ver la skill y sus opciones de descarga
Design 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

Método incluido en el pack original

Dentro del método
  • Your Identity & Memory
  • Your Core Mission
  • Critical Rules You Must Follow
  • Your Research Deliverables
  • Research Objectives
  • Methodology
  • Participant Criteria
  • Study Protocol

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

Ver la skill y sus opciones de descarga
Design 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.

Método incluido en el pack original

Dentro del método
  • Your Identity & Memory
  • Your Core Mission
  • Critical Rules You Must Follow
  • Your Core Capabilities
  • Your Workflow Process
  • Your Communication Style
  • Your Success Metrics
  • Advanced Capabilities

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

Ver la skill y sus opciones de descarga
Design 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

Método incluido en el pack original

Dentro del método
  • Your Identity & Memory
  • Your Core Mission
  • Critical Rules You Must Follow
  • Your Whimsy Deliverables
  • Personality Spectrum
  • Whimsy Taxonomy
  • Character Guidelines
  • Error Messages

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

Ver la skill y sus opciones de descarga
Framer masterPreparación de 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.

Método incluido en el pack original

Dentro del método
  • Conceptos Fundamentales
  • Layout System
  • Tipografía en Profundidad
  • Code Components (React)
  • Code Overrides
  • CMS (Content Management)
  • Autenticación (Framer Auth)
  • Animations & Interactions
Herramientas y accesos
La ejecución de este método puede requerir herramientas compatibles, una cuenta conectada y autorización. La skill no incorpora esas integraciones ni ejecuta acciones externas por sí sola.

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

Ver la skill y sus opciones de descarga
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.

Método incluido en el pack original

Dentro del método
  • Descripción
  • Contenido
  • Ejemplo de Uso
Herramientas y accesos
La ejecución de este método puede requerir herramientas compatibles, una cuenta conectada y autorización. La skill no incorpora esas integraciones ni ejecuta acciones externas por sí sola.

skills/transversal/inclusive-design/SKILL.md

Ver la skill y sus opciones de descarga
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/).

Método incluido en el pack original

Dentro del método
  • Cuándo usar este skill
  • Proceso de diseño de logo (6 fases)
  • Anatomía de un gran logo tech (principios)
  • Paletas de color para logos tech 2026
  • Tipografía para logos
  • Errores comunes en logos de AI companies
  • Cómo evaluar un logo existente (audit)
  • Guía para generar conceptos (sin producir SVGs finales)

skills/transversal/logo-design/SKILL.md

Ver la skill y sus opciones de descarga
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).

Método incluido en el pack original

Dentro del método
  • Especificaciones de Print
  • Dimensiones Estandars
  • Tipografías para Print
  • Flyers
  • Vinilos para Vehículos
  • Carteles
  • Packaging
  • Errores Graves

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

Ver la skill y sus opciones de descarga
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.

Método incluido en el pack original

Dentro del método
  • Cuándo usar esta skill
  • Mapa de opciones (2026)
  • Criterios de decisión (en este orden)
  • Paso a paso
  • Recursos
Herramientas y accesos
La ejecución de este método puede requerir herramientas compatibles, una cuenta conectada y autorización. La skill no incorpora esas integraciones ni ejecuta acciones externas por sí sola.

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

Ver la skill y sus opciones de descarga
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.

Método incluido en el pack original

Dentro del método
  • Flujo de Trabajo
  • Búsqueda por Componente
  • Extracción de Estilo
  • Plataformas Específicas
  • Entregable Final
  • Problema
  • Referencias (5-10)
  • Paleta Extraída

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

Ver la skill y sus opciones de descarga
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.

Método incluido en el pack original

Dentro del método
  • Visual Identity Components
  • Consistency Checklist
  • Common Issues
  • Audit Tools

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

Ver la skill y sus opciones de descarga
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.

Método incluido en el pack original

Dentro del método
  • Tendencias 2026 — Estado del Arte (Actualizado)
  • Framework de Análisis de Tendencias
  • Análisis por Plataforma
  • Tendencias por Industria
  • Predicción de Tendencias Emergentes
  • Aplicación Práctica
  • Errores Comunes
  • Recursos

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

Ver la skill y sus opciones de descarga
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.

Método incluido en el pack original

Dentro del método
  • Conceptos Fundamentales
  • Sistema de Estilos en Profundidad
  • CMS Collections
  • Rich Text en Profundidad
  • Interactions & Animations
  • Custom Code (Embeds)
  • SEO On-Page
  • Hosting & Deployment
Herramientas y accesos
La ejecución de este método puede requerir herramientas compatibles, una cuenta conectada y autorización. La skill no incorpora esas integraciones ni ejecuta acciones externas por sí sola.

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

Ver la skill y sus opciones de descarga
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.

Método incluido en el pack original

Dentro del método
  • Sistemas de Grid
  • Anatomía de Landing Page
  • UI Components
  • Jerarquía Visual
  • Mobile-First Design
  • Dark Mode
  • Accesibilidad
  • Herramientas Recomendadas

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

Ver la skill y sus opciones de descarga

¿Buscas cómo plantear una petición? Explora la biblioteca de ejemplos de nuestros sectores destacados.

Ver la biblioteca de ejemplos

LA COLECCIÓN COMPLETA

Tu próximo encargo.
Un método para empezar.

Descarga el pack de Diseño y elige las skills que encajan con la tarea que necesitas abordar.

Crear cuenta gratuita

¿Ya tienes cuenta? Accede para descargar

ZIP · Versión 1.0.1 · 117.2 KB · Gratis con tu cuenta

Qué te descargas

  • 25 métodos de skills de esta colección.
  • Sus instrucciones originales y recursos asociados, cuando los incluyen.
  • Un pack para explorar: selecciona e instala las skills que admite tu herramienta.

El pack no es una única instalación preparada para todas las plataformas. Las guías y fichas individuales explican las instrucciones y los formatos disponibles.

Consultar la guía de tu plataforma

ORIGEN Y ALCANCE

SkillsBundle reúne métodos con distintos autores y licencias. Consulta el origen, la licencia y los requisitos de cada recurso antes de aplicarlo. El método ayuda a ordenar el trabajo; tú aportas el contexto y revisas el resultado.

Términos y licencias