open-index/open-npm huggingface dataset:
npm package: @noahlocal/copilotkit-runtime-client-gql
Description: <img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
Latest version: 2.1.0-next.1

# CopilotKit - Runtime Client GQL

<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />

<br>
<div align="center" style="display:flex;justify-content:center;gap:16px;height:20px;margin: 0;">
  <a href="https://www.npmjs.com/package/@copilotkit/react-core" target="_blank">
    <img src="https://img.shields.io/npm/v/%40copilotkit%2Fruntime-client-gql?logo=npm&logoColor=%23FFFFFF&label=Version&color=%236963ff" alt="NPM">
  </a>
  <a href="https://github.com/copilotkit/copilotkit/blob/main/LICENSE" target="_blank">
    <img src="https://img.shields.io/github/license/copilotkit/copilotkit?color=%236963ff&label=License" alt="MIT">
  </a>
  <a href="https://discord.gg/6dffbvGU3D" target="_blank">
    <img src="https://img.shields.io/discord/1122926057641742418?logo=discord&logoColor=%23FFFFFF&label=Discord&color=%236963ff" alt="Discord">
  </a>
</div>
<br/>
<div align="center">
  <a href="https://www.producthunt.com/posts/copilotkit" target="_blank">
    <img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=428778&theme=light&period=daily">
  </a>
</div>

## ✨ Why CopilotKit?

- Minutes to integrate - Get started quickly with our CLI
- Framework agnostic - Works with React, Next.js, AGUI and more
- Production-ready UI - Use customizable components or build with headless UI
- Built-in security - Prompt injection protection
- Open source - Full transparency and community-driven

<img src="https://github.com/user-attachments/assets/6cb425f8-ffcb-49d2-9bbb-87cab5995b78" alt="class-support-ecosystem" style="border-radius: 12px; border: 2px solid #d6d4fa;">

## 🧑‍💻 Real life use cases

<span>Deploy deeply-integrated AI assistants & agents that work alongside your users inside your applications.</span>

<img src="https://github.com/user-attachments/assets/3b810240-e9f8-43ae-acec-31a58095e223" alt="headless-ui" style="border-radius: 12px; border: 2px solid #d6d4fa;">

## 🏆 Featured Examples

<p align="center">
  <a href="https://www.copilotkit.ai/examples/form-filling-copilot">
    <img src="https://github.com/user-attachments/assets/874da84a-67ff-47fa-a6b4-cbc3c65eb704" width="300" style="border-radius: 16px;" />
  </a>
  <a href="https://www.copilotkit.ai/examples/state-machine-copilot">
    <img src="https://github.com/user-attachments/assets/0b5e45b3-2704-4678-82dc-2f3e1c58e2dd" width="300" style="border-radius: 16px;" />
  </a>
  <a href="https://www.copilotkit.ai/examples/chat-with-your-data">
    <img src="https://github.com/user-attachments/assets/0fed66be-a4c2-4093-8eab-75c0b27a62f6" width="300" style="border-radius: 16px;" />
  </a>
</p>

## Documentation

To get started with CopilotKit, please check out the [documentation](https://docs.copilotkit.ai).
npm package: @noahlocal/copilotkit-sdk-js
Description: <img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
Latest version: 2.1.0-next.1

# CopilotKit - SDK JS


<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />

<br>
<div align="center" style="display:flex;justify-content:center;gap:16px;height:20px;margin: 0;">
  <a href="https://www.npmjs.com/package/@copilotkit/react-core" target="_blank">
    <img src="https://img.shields.io/npm/v/%40copilotkit%2Fsdk-js?logo=npm&logoColor=%23FFFFFF&label=Version&color=%236963ff" alt="NPM">
  </a>
  <a href="https://github.com/copilotkit/copilotkit/blob/main/LICENSE" target="_blank">
    <img src="https://img.shields.io/github/license/copilotkit/copilotkit?color=%236963ff&label=License" alt="MIT">
  </a>
  <a href="https://discord.gg/6dffbvGU3D" target="_blank">
    <img src="https://img.shields.io/discord/1122926057641742418?logo=discord&logoColor=%23FFFFFF&label=Discord&color=%236963ff" alt="Discord">
  </a>
</div>
<br/>
<div align="center">
  <a href="https://www.producthunt.com/posts/copilotkit" target="_blank">
    <img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=428778&theme=light&period=daily">
  </a>
</div>

## ✨ Why CopilotKit?

- Minutes to integrate - Get started quickly with our CLI
- Framework agnostic - Works with React, Next.js, AGUI and more
- Production-ready UI - Use customizable components or build with headless UI
- Built-in security - Prompt injection protection
- Open source - Full transparency and community-driven

<img src="https://github.com/user-attachments/assets/6cb425f8-ffcb-49d2-9bbb-87cab5995b78" alt="class-support-ecosystem" style="border-radius: 12px; border: 2px solid #d6d4fa;">

## 🧑‍💻 Real life use cases

<span>Deploy deeply-integrated AI assistants & agents that work alongside your users inside your applications.</span>

<img src="https://github.com/user-attachments/assets/3b810240-e9f8-43ae-acec-31a58095e223" alt="headless-ui" style="border-radius: 12px; border: 2px solid #d6d4fa;">

## 🏆 Featured Examples

<p align="center">
  <a href="https://www.copilotkit.ai/examples/form-filling-copilot">
    <img src="https://github.com/user-attachments/assets/874da84a-67ff-47fa-a6b4-cbc3c65eb704" width="300" style="border-radius: 16px;" />
  </a>
  <a href="https://www.copilotkit.ai/examples/state-machine-copilot">
    <img src="https://github.com/user-attachments/assets/0b5e45b3-2704-4678-82dc-2f3e1c58e2dd" width="300" style="border-radius: 16px;" />
  </a>
  <a href="https://www.copilotkit.ai/examples/chat-with-your-data">
    <img src="https://github.com/user-attachments/assets/0fed66be-a4c2-4093-8eab-75c0b27a62f6" width="300" style="border-radius: 16px;" />
  </a>
</p>

## Documentation

To get started with CopilotKit, please check out the [documentation](https://docs.copilotkit.ai).
npm package: @noahlozevski/mcp-idb
Description: MCP server for exposing idb (Facebook iOS Development Bridge)
Author: noah lozevski
Latest version: 1.0.3

# mcp-idb

MCP server integration for Facebook's iOS Development Bridge (idb).

## Overview

This package provides integration between [MCP (Model Context Protocol)](https://modelcontextprotocol.io/introduction) and Facebook's [idb (iOS Development Bridge)](https://fbidb.io/docs/installation/), enabling automated iOS device management and test execution through MCP.

Start the server:
```sh
npx -y @noahlozevski/mcp-idb
```

## Prerequisites

- [idb (iOS Development Bridge)](https://fbidb.io/docs/installation/)

### Installing idb

To install idb:

```bash
brew tap facebook/fb
brew install idb-companion

# verify installation
idb
```

For more details, visit the [official idb GitHub repository](https://github.com/facebook/idb).

## Configuration

### mcp-config.json Setup

To use idb in your MCP configuration, add the following to your `mcp-config.json`:

```json
{
  "mcpServers": {
    "idb": {
      "command": "npx",
      "args": ["-y", "@noahlozevski/idb"]
    }
  }
}
```

Example use cases include:

- Automated test development
- Screenshot testing
- Automated interactions ("tap the home button on the screen")
- Installing / removing applications

## Development

### Code Formatting

This project uses Prettier for code formatting. To format your code:

```bash
npm run format        # Format all files
```

The formatting configuration can be found in `.prettierrc` at the root of the project.

## Troubleshooting

Common issues and solutions:

1. **idb companion not found**: Ensure idb-companion is installed via Homebrew
2. **Device not detected**: Make sure the iOS device is:
   - Connected via USB
   - Trusted on the computer
   - Has developer mode enabled

## Contributing

Please follow the standard MCP contribution guidelines when making changes to this package.

## License

This project is part of Mobile Control Plane (MCP) and follows Amazon's internal licensing policies.
npm package: @noahmpauls/tw-counter
Description: A Tailwind CSS plugin that adds utility classes for CSS counters.
Author: Noah Pauls
Latest version: 1.0.1

# Tailwind CSS Counter Plugin

A Tailwind CSS plugin that adds utility classes for CSS counters.

## Install

Install the plugin from NPM:

```
npm install --save-dev @noahmpauls/tw-counter
```

In your Tailwind project's `tailwind.config.js` file, add the counter plugin:

```js
// tailwind.config.js

const counter = require('@noahmpauls/tw-counter');

module.exports = {
  content: [
    //...
  ],
  theme: {
    extend: {},
  },
  plugins: [
    counter
  ],
}
```

## Usage

### Examples

Given the following HTML:

```html
<pre class="count-default">
  <code class="count-inc-default before:content-[counter(default)]"> line of code</code>
  <code class="count-inc-default-8 before:content-[counter(default)]"> line of code</code>
  <code class="-count-inc-default-3 before:content-[counter(default)]"> line of code</code>
</pre>
```

The generated text will be:

```
1 line of code
9 line of code
6 line of code
```

#### Using arbitrary values:

Arbitrary values can be used to give a custom name to the counter being used, and to reset/increment by custom values.

Given the following HTML:

```html
<pre class="count-[line_40]">
  <code class="count-inc-[line_3] before:content-[counter(line)]"> line of code</code>
  <code class="-count-inc-[line] before:content-[counter(line)]"> line of code</code>
  <code class="count-inc-[line_17] before:content-[counter(line)]"> line of code</code>
</pre>
```

The generated text will be:

```
43 line of code
42 line of code
59 line of code
```

### Generated Classes

The plugin generates the following utility classes:

*Create/Reset Counters:*
| Class Name | CSS | Description |
| - | - | - |
| `count-default` | `counter-reset: default;` | resets the counter named `default` |
| `count-default-0` | `counter-reset: default 0;` | reset the counter named `default` to 0 explicitly |
| `count-rev-default` | `counter-reset: reversed(default);`| resets the counter named `default` to its reversed starting value (limited browser support) |

*Increment Counters:*
| Class Name | CSS | Description |
| - | - | - |
| `count-inc-default` | `counter-increment: default 1;` | increments the counter named `default` by 1 |
| `-count-inc-default` | `counter-increment: default -1;` | decrements the counter named `default` by 1 |
| `count-inc-default-{#}` | `counter-increment: default {#};` | increments the counter named `default` by the given amount |
| `-count-inc-default-{#}` | `counter-increment: default -{#};` | decrements the couner named `default` by the given amount |

### Theme Customization

Theme customization falls under `count.reset` and `count.inc`:

```js
theme: {
  'count': {
    'reset': {
      'default-5': 'default 5' // `count-default-5` reset the default counter to 5
    },
    'inc': {
      'default': 'default 2' // `count-inc-default` increments the default counter by 2
    }
  }
}
```
npm package: @noahsalvi/svelte-notion
Description: Notion as a CMS for Svelte.
Author: Noah Salvi
Latest version: 1.0.5

# svelte-notion - Render Notion in Svelte

With this package you can use Notion as a CMS for your Svelte Project and its pretty easy! 😊<br>
Demo: https://svelte-notion-demo-56586.ondigitalocean.app/

## Setting Up

- Run `npm install -D @noahsalvi/svelte-notion`

## Usage - TODO
`import { Notion, notion } from "@noahsalvi/svelte-notion";` <br>
- UI Component: <Notion {blocks} /> <br>
- Fetching Pages/Table: notion
npm package: @noahsjung/agds-lit3
Description: AGDS Design System built with Lit 3.0
Author: Noah Jung
Latest version: 0.1.0

# AGDS Lit3 Design System

A modern design system built with Lit 3.0 and Web Components.

## Features

- 🎨 Theme Support (Light/Dark mode)
- 📱 Responsive Design
- ♿ Accessibility First
- 🧩 Web Components
- 📚 Storybook Documentation

## Components

- Secondary Button
  - Customizable theme support
  - Light/Dark mode
  - Disabled state
  - Hover/Active/Focus states

## Getting Started

### Installation

```bash
npm install
```

### Development

Run Storybook for component development:

```bash
npm run storybook
```

### Build

Build the components:

```bash
npm run build
```

## Usage

```html
<!-- Import the component -->
<script type="module" src="path/to/secondary-button.js"></script>

<!-- Use the component -->
<agds-secondary-button>Click me</agds-secondary-button>
```

## Contributing

1. Fork the repository
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request

## License

This project is licensed under the MIT License - see the LICENSE file for details.