open-index/open-npm huggingface dataset:
npm package: @keenffmute/element
Description: Vue3 components library
Author: Viking Zhang
Latest version: 1.0.0

# v-element

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Type Support for `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Type-Check, Compile and Minify for Production

```sh
npm run build
```

### Lint with [ESLint](https://eslint.org/)

```sh
npm run lint
```
npm package: @keenmate/demo-plugin
Description: ## Project setup ``` npm install ```
Author: Filip Jakab
Latest version: 0.1.6

# demo-plugin

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Run your tests
```
npm run test
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @keenmate/fluentui-icons-mcp
Description: MCP server for searching FluentUI icons - use with Claude Desktop, Claude Code, or any MCP client
Author: Keenmate
Latest version: 1.0.0

# FluentUI Icons MCP Server

An MCP (Model Context Protocol) server that provides FluentUI icon search capabilities to AI assistants like Claude.

## Features

- **search_icons** - Search for icons by name, with optional style and size filters
- **get_icon_svg** - Fetch the raw SVG content of a specific icon
- **api-docs** - Resource providing API documentation

## Quick Start

### Claude Desktop

Add to your `claude_desktop_config.json`:

```json
{
  "mcpServers": {
    "fluentui-icons": {
      "command": "npx",
      "args": ["@keenmate/fluentui-icons-mcp"]
    }
  }
}
```

### Claude Code

Add to your MCP settings (via `/mcp` command or settings file):

```json
{
  "mcpServers": {
    "fluentui-icons": {
      "command": "npx",
      "args": ["@keenmate/fluentui-icons-mcp"]
    }
  }
}
```

Then restart Claude and you're ready to go!

## Environment Variables

- `FLUENTUI_ICONS_API` - API base URL (default: `https://fluentui-icons.keenmate.dev`)

## Example Queries

Once connected, you can ask Claude:

- "Find me a calendar icon"
- "Search for arrow icons in filled style"
- "Get the SVG for a 24px pen icon"
- "Find icons related to user or person"

## Development

```bash
npm run dev    # Watch mode
npm run build  # Build for production
npm start      # Run the server
```

## License

MIT
npm package: @keenmate/jsonforms-svelte
Description: Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
Latest version: 0.0.3

# create-svelte

Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).

Read more about creating a library [in the docs](https://svelte.dev/docs/kit/packaging).

## Creating a project

If you're seeing this, you've probably already done this step. Congrats!

```bash
# create a new project in the current directory
npx sv create

# create a new project in my-app
npx sv create my-app
```

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.

## Building

To build your library:

```bash
npm run package
```

To create a production version of your showcase app:

```bash
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.

## Publishing

Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).

To publish your library to [npm](https://www.npmjs.com):

```bash
npm publish
```
npm package: @keenmate/jsonforms-svelte-vanilla
Description: Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
Latest version: 0.0.7

# create-svelte

Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).

Read more about creating a library [in the docs](https://svelte.dev/docs/kit/packaging).

## Creating a project

If you're seeing this, you've probably already done this step. Congrats!

```bash
# create a new project in the current directory
npx sv create

# create a new project in my-app
npx sv create my-app
```

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.

## Building

To build your library:

```bash
npm run package
```

To create a production version of your showcase app:

```bash
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.

## Publishing

Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).

To publish your library to [npm](https://www.npmjs.com):

```bash
npm publish
```
npm package: @keenmate/pure-admin-icons-mcp
Description: MCP server for searching 16,000+ icons from FluentUI, Font Awesome, Heroicons, Lucide & Tabler via icons.pureadmin.io
Author: KeenMate
Latest version: 1.0.0

# @keenmate/pure-admin-icons-mcp

MCP server for searching 16,000+ open-source SVG icons from [icons.pureadmin.io](https://icons.pureadmin.io).

Search across **FluentUI**, **Font Awesome**, **Heroicons**, **Lucide**, and **Tabler** icon sets with a single tool. Get platform identifiers for iOS, Android, React, Vue, and Svelte.

## Tools

| Tool | Description |
|------|-------------|
| `get_usage_guide` | Read first if unsure how to use the server. Returns icon set overview, workflow, and tips. |
| `search_icons` | Search icons by name with filters for set, style, size. Returns names + SVG URLs. |
| `get_icon_detail` | Get full metadata for an icon: all sizes, platform identifiers, color method, phrases. |
| `get_icon_svg` | Fetch raw SVG content from a URL. |
| `list_icon_sets` | List all icon sets with styles, sizes, color methods, and counts. |

## Quick Start

### Claude Desktop

Add to `claude_desktop_config.json`:

```json
{
  "mcpServers": {
    "icons": {
      "command": "npx",
      "args": ["-y", "@keenmate/pure-admin-icons-mcp"]
    }
  }
}
```

### Claude Code

```bash
claude mcp add icons -- npx -y @keenmate/pure-admin-icons-mcp
```

## Example Queries

Once connected, ask Claude:

- "Search for calendar icons"
- "Find arrow icons from Heroicons"
- "Show me Font Awesome brand icons for social media"
- "Get the SVG for a pen icon in outline style"
- "What icon sets are available?"
- "Find a 16px solid checkmark icon"

## Configuration

| Variable | Default | Description |
|----------|---------|-------------|
| `ICONS_API` | `https://icons.pureadmin.io` | API base URL |

## API Endpoints Used

- `GET /api/icons/search` — Search with filters (q, set, style, size, limit, format)
- `GET /api/icons/:id` — Icon detail with metadata
- `GET /api/icon-sets` — List icon sets
- `GET /icons/:set/:style/:filename` — SVG files
- `GET /llms.txt` — API documentation for LLMs

## Development

```bash
npm install
npm run dev     # Watch mode
npm run build   # Build
npm start       # Run locally
```

## License

MIT. Icon SVGs retain their original licenses.

Built by [KeenMate](https://keenmate.com).