open-index/open-npm huggingface dataset:
npm package: @maybenoobish/synapse-ui
Description: Complete UI component library for Synapse with reactive signals, accessibility, and modern UX
Author: Synapse Team
Latest version: 0.1.2

# @maybenoobish/synapse-ui

A powerful package from the Synapse Framework ecosystem.

## 📦 Installation

```bash
npm install @maybenoobish/synapse-ui
```

## 📖 Usage

```typescript
import { /* exports */ } from '@maybenoobish/synapse-ui';

// Your code here
```

## 🧪 Testing

```bash
npm test
```

## 📄 License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## 🤝 Contributing

Contributions are welcome! Please read our [Contributing Guide](CONTRIBUTING.md) for details.

## 📚 Documentation

For more information, visit the [Synapse Framework documentation](https://github.com/kluth/synapse-ui).
npm package: @maybexubin/mcp-test
Description: A minimal MCP test server for validating npx execution
Author: maybexubin
Latest version: 1.0.0

# @maybexubin/mcp-test

A minimal MCP (Model Context Protocol) server for testing npx execution with scoped packages.

## Purpose

This package is designed to test and validate that scoped npm packages can be properly executed via npx in Claude Code MCP configurations.

## Features

- ✅ Minimal MCP server implementation
- 🔧 Simple echo tool for testing connectivity
- 📦 Scoped package (`@maybexubin/mcp-test`)
- 🚀 NPX executable via bin configuration

## Usage

### With Claude Code

Add to your Claude Code MCP configuration:

```json
{
  "mcpServers": {
    "mcp-test": {
      "command": "npx",
      "args": ["-y", "@maybexubin/mcp-test"],
      "env": {}
    }
  }
}
```

### Command Line

```bash
# Test version
npx -y @maybexubin/mcp-test --version

# Show help
npx -y @maybexubin/mcp-test --help

# Start MCP server (for stdio communication)
npx -y @maybexubin/mcp-test
```

## Available Tools

### echo

Echoes back the provided message, useful for testing MCP connectivity.

**Parameters:**
- `message` (string): The message to echo back

**Example:**
```
Input: "Hello, MCP!"
Output: "Echo: Hello, MCP!"
```

## Installation

This package is designed to be used via npx and doesn't require installation:

```bash
npx -y @maybexubin/mcp-test --version
```

## Testing Results

This package helps validate:
- ✅ Scoped package bin configuration
- ✅ NPX execution in Claude Code
- ✅ MCP server connectivity
- ✅ Tool registration and execution

## License

MIT
npm package: @mayco/splint-frontend-framework
Description: The frontend framework for MayCo's "Splint"-framework.
Author: Colin Grahm
Latest version: 1.2.56

# splint-frontend <img src="https://skillicons.dev/icons?i=js" width="25px" height="25px" style="margin-left: .5rem;" alt="JavaScript icon"></img> <img src="https://skillicons.dev/icons?i=jquery" width="25px" height="25px" style="margin-left: .25rem;" alt="JavaScript icon"></img> <img src="https://skillicons.dev/icons?i=css" width="25px" height="25px" style="margin-left: .25rem;" alt="JavaScript icon"></img>
The frontend library for MayCo's "Splint"-framework.

## Whats new?
> <span style="color: #a8a8a8;"> Latest version *1.2.56*</span>

## Components

### Header component

#### Instalation

##### NPM
Run the following command to add the [npm package](https://www.npmjs.com/package/@mayco/splint-frontend-framework):
```
npm install @mayco/splint-frontend-framework
```

##### CDN
Add this to your header

```html
<link rel="stylesheet" href="https://cdn.colingrahm.de/frameworks/splint-frontend/components/header/header_1_2_56/header.min.css">
<script src="https://cdn.colingrahm.de/frameworks/splint-frontend/components/header/header_1_2_56/header.min.js"></script> 
```

#### Usage
To use the splint header you have to crate a new header object. Now you can customize it like this:

```javascript
const newHeader = new Header();                             // Create a new header

newHeader.setLogo("../../assets/favicon.svg", "Test GmbH"); // Setup the icon
newHeader.addLink('Home', './index.html');                  // Add a link to nav
newHeader.addLink('Contact', './index2.html');              // Add another link to nav
```

##### Customize colors
To customize the colors you have to setup these css variables:

```css
:root {
    --primary: #DC143C;         /* Primary color */
    --primary-dark: #B21031;    /* Primary color hovered */

    --bg-color: #ffffff;        /* Background color */
    --bg-color-dark: #e9e9e9;   /* Dark background color */
    --bg-color-dark-2: #cecece; /* Second dark background color */

    --primary-text: #333;       /* Primary text color */
    --secondary-text: #cecece;  /* Secondary text color */
    --button-text: #ffffff;     /* Button text color */
}
```
##### Set custom logo icon
```javascript
newHeader.setLogo("../../assets/favicon.svg", "Test GmbH");
```

##### Set logo target page
```javascript
newHeader.setLogoTarget("index.html");
```

##### Add a navigation link
```javascript
newHeader.addLink('Home', './index.html');
```

##### Remove a navigation link
```javascript
newHeader.removeLink('Home');
```

##### Set style
Enter the target attribute first and the value second.
```javascript
newHeader.setStyle("background-color", "blue");
```

##### Change view
```javascript
// Set mobile view
newHeader.mobile();

// Set desktop view
newHeader.desktop();
```

#### Example
Click [here](https://maycodev.colingrahm.de/examples/header/) for the example website.

#### Author
[CGWebDev2003](https://github.com/CGWebDev2003)