How do I install the Closure skill?

Run npx skillmds add majiayu000/closure in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Closure safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Closure?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Closure free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Closure?

majiayu000 (@majiayu000) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Closure by majiayu000 — Agent Skill

Name: Closure
Rating: 4.2 (5 reviews)
Author: majiayu000

File contents

Principio de Cierre

Resumen

El cerebro tiende a completar formas incompletas o fragmentadas, rellenando los vacíos para percibir objetos completos y familiares.

Origen

Escuela: Psicología de la Gestalt
Año: ~1920s
Autores principales: Max Wertheimer, Kurt Koffka, Wolfgang Köhler

Fundamento Psicológico

El sistema visual busca patrones completos y reconocibles. Cuando encuentra elementos incompletos pero sugerentes, automáticamente "cierra" los gaps para formar figuras coherentes. Esto permite diseños más limpios que comunican con menos elementos visuales.

Aplicación en Diseño

Iconografía Minimalista

Iconos con formas sugeridas, no cerradas
Símbolos que implican acción sin mostrarla completa
Logos que usan espacio negativo
Indicadores con elementos parciales

Cards y Containers

Cards sin bordes completos
Secciones delimitadas por elementos parciales
Fondos que sugieren límites
Shadows que implican separación

Carousels y Listas

Items parcialmente visibles sugieren más contenido
Peek de siguiente elemento
Scroll indicators implícitos
"Ver más" sugerido visualmente

Navegación

Menús que se "cortan" sugiriendo scroll
Tabs que continúan fuera del viewport
Breadcrumbs con elementos truncados
Indicadores de paginación parciales

Ejemplos

IBM Logo: Líneas horizontales que el ojo completa
WWF Panda: Figura formada por espacios negativos
Carousels: Item parcial visible sugiere más
Loading skeletons: Formas sugieren contenido
macOS Dock: Reflejo parcial implica profundidad

Anti-patterns

❌ Formas tan incompletas que no se reconocen
❌ Elementos cortados que parecen bugs
❌ Iconos demasiado abstractos para cerrar
❌ Contenido oculto sin indicación de más
❌ Gaps que el usuario no puede completar mentalmente

Métricas

Icon Recognition Rate: Usuarios identifican iconos correctamente
Content Discovery: % que encuentra contenido parcialmente visible
Minimalism Score: Elementos necesarios vs superfluos
Visual Completion Test: Formas reconocidas vs no reconocidas

Principios Relacionados

[[pragnanz]] - Tendencia a formas simples
[[figure-ground]] - Separar figura del fondo
[[continuity]] - Completar líneas y curvas

Referencias

Wertheimer, M. (1923). "Laws of Organization in Perceptual Forms"
Lidwell, W. et al. (2010). "Universal Principles of Design"
https://www.nngroup.com/articles/gestalt-closure/

---name: closuredescription: El cerebro completa formas incompletas. Use cuando diseñe iconos minimalistas, logos, o interfaces que sugieren más de lo que muestran explícitamente.--- # Principio de Cierre ## Resumen El cerebro tiende a completar formas incompletas o fragmentadas, rellenando los vacíos para percibir objetos completos y familiares. ## Origen - **Escuela**: Psicología de la Gestalt - **Año**: ~1920s - **Autores principales**: Max Wertheimer, Kurt Koffka, Wolfgang Köhler ## Fundamento Psicológico El sistema visual busca patrones completos y reconocibles. Cuando encuentra elementos incompletos pero sugerentes, automáticamente "cierra" los gaps para formar figuras coherentes. Esto permite diseños más limpios que comunican con menos elementos visuales. ## Aplicación en Diseño ### Iconografía Minimalista - Iconos con formas sugeridas, no cerradas - Símbolos que implican acción sin mostrarla completa - Logos que usan espacio negativo - Indicadores con elementos parciales ### Cards y Containers - Cards sin bordes completos - Secciones delimitadas por elementos parciales - Fondos que sugieren límites - Shadows que implican separación ### Carousels y Listas - Items parcialmente visibles sugieren más contenido - Peek de siguiente elemento - Scroll indicators implícitos - "Ver más" sugerido visualmente ### Navegación - Menús que se "cortan" sugiriendo scroll - Tabs que continúan fuera del viewport - Breadcrumbs con elementos truncados - Indicadores de paginación parciales ## Ejemplos - **IBM Logo**: Líneas horizontales que el ojo completa - **WWF Panda**: Figura formada por espacios negativos - **Carousels**: Item parcial visible sugiere más - **Loading skeletons**: Formas sugieren contenido - **macOS Dock**: Reflejo parcial implica profundidad ## Anti-patterns - ❌ Formas tan incompletas que no se reconocen - ❌ Elementos cortados que parecen bugs - ❌ Iconos demasiado abstractos para cerrar - ❌ Contenido oculto sin indicación de más - ❌ Gaps que el usuario no puede completar mentalmente ## Métricas - **Icon Recognition Rate**: Usuarios identifican iconos correctamente - **Content Discovery**: % que encuentra contenido parcialmente visible - **Minimalism Score**: Elementos necesarios vs superfluos - **Visual Completion Test**: Formas reconocidas vs no reconocidas ## Principios Relacionados - [[pragnanz]] - Tendencia a formas simples - [[figure-ground]] - Separar figura del fondo - [[continuity]] - Completar líneas y curvas ## Referencias - Wertheimer, M. (1923). "Laws of Organization in Perceptual Forms" - Lidwell, W. et al. (2010). "Universal Principles of Design" - https://www.nngroup.com/articles/gestalt-closure/

Frequently asked questions