open-index/open-npm huggingface dataset:
npm package: @gerardest/cascader
Description: Very basic and tiny masonry. Easy, responsive and resizeable blocks.
Author: gerardest
Latest version: 1.3.1

Very basic and tiny masonry layout (1kb). Responsive and resizeable blocks.

[Codepen Example](https://codepen.io/gereger/pen/gOyNPeV?editors=1111)

### Installation

`npm install @gerardest/cascader`

### Usage

`import {cascade} from './cascader.js'`

Simplest usage is to call cascader passing the container of the masonry elements  
`cascade('#container')`  
or
~~~
let container = document.querySelector('#cascada')
cascade(container)
~~~

### Options
~~~
cascade('#container', {
    minWidth: 200,
    gap: 20, // To set vertical and horizontal gap equally
    verticalGap : 30
    horizontalGap : 30
})
~~~
npm package: @gerardino/picture-fetcher
Description: Fetches a set of picture from a provided list of URIs
Author: Gerardino Illescas
Latest version: 0.1.3-beta

# picture-fetcher-js
Fetches a set of pictures from a provided list of URLs.

Given a list of URLs stored in a source file, `picture-fetcher-js` will parse this list and fetch each URL into a target folder.

The list can be any UTF-8 plain text file with the URLs separated by commas (,) or new lines.
If the URL is invalid or not a picture (determined by the content type of the response), the file will not be fetched and an error message will be shown.

The output path must be a folder that the user has access to write on. If the folder does not exist but the user has permissions to create it then `picture-fetcher-js` will create it. 

Overwritting: By the default `picture-fetcher-js` will not overwrite existing files. To intentionally overwrite use the flag `-r` or `--replace`.

Verbose output: To get more details on what actions are being performed you can use the verbose flag `-v` or `--verbose`.




# How to run

1. Clone by `git clone git@github.com:gerardino/picture-fetcher-js.git`
2. `cd picture-fetcher-js`
3. `npm install`
4. `npx ts-node ./src/index.ts [options] "path/to/source/file"`
npm package: @gerardlopezdev/holyguide-mcp
Description: MCP Server for Massimo Dutti HolyGuide Design System - Access design tokens, components, and documentation
Author: Massimo Dutti Web Team
Latest version: 1.0.1

# HolyGuide MCP Server

[![npm version](https://badge.fury.io/js/@gerardlopezdev%2Fholyguide-mcp.svg)](https://www.npmjs.com/package/@gerardlopezdev/holyguide-mcp)

MCP Server para el Design System **HolyGuide** de Massimo Dutti.

Este servidor permite a los asistentes de IA (como GitHub Copilot en VS Code) consultar el Design System en tiempo real para generar código que siga las guías de estilo oficiales.

## 🚀 Instalación

No necesitas instalar nada manualmente. Solo configura VS Code y usará `npx` automáticamente.

## 🔧 Configuración en VS Code

Añade esto a tu archivo `.vscode/mcp.json` en tu proyecto (o en `settings.json` global):

```json
{
  "servers": {
    "holyguide": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@gerardlopezdev/holyguide-mcp"]
    }
  }
}
```

Reinicia VS Code y el MCP estará disponible.

## 🛠️ Herramientas disponibles

| Herramienta | Descripción |
|-------------|-------------|
| `get_typography` | Documentación de tipografías |
| `get_spacing` | Documentación de espaciado (paddings, margins) |
| `get_colors` | Documentación de colores |
| `get_flexbox` | Helpers de flexbox |
| `get_buttons` | Documentación de botones |
| `get_components` | Lista de componentes disponibles |
| `get_templates` | Lista de templates/plantillas |
| `get_page` | Cualquier página específica de HolyGuide |
| `search_holyguide` | Búsqueda en toda la documentación |
| `get_all_foundations` | Toda la documentación de foundations |

## 💬 Ejemplos de uso

Una vez configurado, puedes pedirle al asistente:

- *"¿Cómo hago un botón que ocupe todo el ancho?"*
- *"Dame las clases de padding responsive de HolyGuide"*
- *"¿Qué tipografías debo usar según HolyGuide?"*
- *"Genera un card siguiendo el Design System de Massimo Dutti"*

## 🔄 Caché

El servidor cachea las respuestas durante 5 minutos para mejorar el rendimiento. Los datos se obtienen en tiempo real desde https://holyguide.es/

## 📝 Desarrollo local

```bash
# Clonar el repositorio
git clone https://github.com/glopezi1997/holyguide-mcp.git
cd holyguide-mcp

# Instalar dependencias
npm install

# Build
npm run build

# Ejecutar
npm start
```

## 📦 Publicar nueva versión

```bash
# Incrementar versión
npm version patch  # o minor / major

# Publicar
npm publish --access public
```

## 🤝 Contribuir

1. Fork del repositorio
2. Crear rama feature (`git checkout -b feature/nueva-funcionalidad`)
3. Commit cambios (`git commit -am 'Añade nueva funcionalidad'`)
4. Push a la rama (`git push origin feature/nueva-funcionalidad`)
5. Crear Pull Request

## 📄 Licencia

MIT