open-index/open-npm huggingface dataset:
npm package: @cold-world/astrochart
Description: A free and open-source JavaScript library for generating SVG charts to display planets in astrology.
Latest version: 3.0.2-kairos.1

# AstroChart

![GitHub release](https://img.shields.io/github/v/release/AstroDraw/AstroChart?style=flat-square)

A free and open-source TypeScript library for generating SVG charts to display planets in astrology. It does not calculate any positions of the planets in Universe.

- Pure TypeScript implementation without dependencies.
- SVG graphics.
- Tested code.

## Example:

<img width="764" alt="Chart wheel with transits" src="https://github.com/AstroDraw/AstroChart/blob/main/doc/images/transits.png?raw=true">

## Documentation
A documentation is in progress, please checkout [website](https://astrodraw.github.io/).

## Contribution
Contribution is always welcome. You can contribute in different ways:
 - Start or participate in the [discussions](https://github.com/AstroDraw/AstroChart/discussions)
 - Check opened issues, or improve our documentation
 - Open [an issue](https://github.com/AstroDraw/AstroChart/issues) to report a bug or give some enchancement idea
 - Open a PR with bug fixes or new features. To avoid rework, if is not small, is always good to open an issue to discuss before.

## Support
Do you want to support the development of AstroChart? Here is some ways:

Is your project using? Please [comment here](https://github.com/AstroDraw/AstroChart/discussions/48) so we can share nice projects that are using.

A nice way to support is sharing this project with other people.

Also, if you are a company consider sponsoring the project or [buying me a coffee](https://ko-fi.com/afucher)
npm package: @coldboy002/prettier-config
Description: Shareable config for prettier
Author: Vũ Trọng Thuỷ
Latest version: 1.2.0

# @coldboy002/prettier-config

[![NPM version](https://img.shields.io/npm/v/@coldboy002/prettier-config.svg)](https://www.npmjs.org/package/@coldboy002/prettier-config)

> Shareable config for [Prettier](https://prettier.io/).

For consistent formatting across my repos.

## Installation

```bash
npm install --save-dev @coldboy002/prettier-config
```

or

```bash
yarn add --dev @coldboy002/prettier-config
```

**Note**: This package requires Node.js 22.0.0 or later. It is not compatible with older versions.

## Usage

Add this line to your `package.json`

```json
"prettier": "@coldboy002/prettier-config",
```

Alternatively, add this to `.prettierrc` file:

```json
 "@coldboy002/prettier-config"
```

To extend the configuration, create prettier.config.js and spread this config onto your own config object:

```js
import cbConfig from '@coldboy002/prettier-config'

/** @type {import('prettier').Config} */
const config = {
	...cbConfig,
	experimentalTernaries: true,
}

export default config
```

Refer to [Prettier documentation](https://prettier.io/docs/en/configuration.html#sharing-configurations), if you need override some options.

## [Changelog](CHANGELOG.md)

## [License](LICENSE)
npm package: @coldsurf/ocean-road-mcp
Description: MCP server for Ocean Road design system
Author: Dong-Ho Choi
Latest version: 0.2.0

# @coldsurf/ocean-road-mcp

[Ocean Road](https://docs.ocean-road.coldsurf.io) 디자인 시스템용 MCP(Model Context Protocol) 서버입니다.

Claude Code, Cursor, VS Code Copilot 등 AI 코딩 도구에서 Ocean Road 컴포넌트를 네이티브하게 이해하고 활용할 수 있게 합니다.

## 제공 Tools

| Tool | 설명 |
|------|------|
| `list_components` | 플랫폼(`web` \| `next`) 필터로 컴포넌트 목록 반환 |
| `get_component` | slug로 props, 사용법, 예시 코드 반환 |
| `get_design_tokens` | 색상/타이포그래피 토큰 조회 (`color` \| `typography` \| `all`) |
| `search` | 키워드로 컴포넌트 검색 |

## 연결 방법

### Claude Code

`.claude/settings.json` (또는 `settings.local.json`):

```json
{
  "mcpServers": {
    "ocean-road": {
      "command": "npx",
      "args": ["-y", "@coldsurf/ocean-road-mcp"]
    }
  }
}
```

### Cursor

`.cursor/mcp.json`:

```json
{
  "mcpServers": {
    "ocean-road": {
      "command": "npx",
      "args": ["-y", "@coldsurf/ocean-road-mcp"]
    }
  }
}
```

### Claude Desktop

`claude_desktop_config.json`:

```json
{
  "mcpServers": {
    "ocean-road": {
      "command": "npx",
      "args": ["-y", "@coldsurf/ocean-road-mcp"]
    }
  }
}
```

## 사용 예시

MCP 서버 연결 후 AI 도구에서 다음과 같이 활용할 수 있습니다:

```
Button 컴포넌트 문서 보여줘
→ get_component("button") 호출

텍스트 입력 관련 컴포넌트 찾아줘
→ search("input") 호출

Next.js 전용 컴포넌트 목록 알려줘
→ list_components({ platform: "next" }) 호출

색상 토큰 목록 보여줘
→ get_design_tokens({ category: "color" }) 호출
```

## LLM Docs

정적 문서도 제공합니다:

- **llms.txt** (manifest): `https://docs.ocean-road.coldsurf.io/llms.txt`
- **컴포넌트 문서**: `https://docs.ocean-road.coldsurf.io/components/{slug}.md`
- **Next.js 컴포넌트**: `https://docs.ocean-road.coldsurf.io/next/{slug}.md`
- **디자인 토큰**: `https://docs.ocean-road.coldsurf.io/design-tokens.md`
npm package: @coldwired/react
Description: React support for @coldwired
Latest version: 0.16.1

# @coldwired/react [![npm package][npm-badge]][npm]

[npm-badge]: https://img.shields.io/npm/v/@coldwired/react.svg
[npm]: https://www.npmjs.com/package/@coldwired/react

## Why?

## Usage

### Setup

You need to create a react root and a plugin that you will register with your `Actions` instance.

```ts
import { Actions } from '@coldwired/actions';
import { createRoot, createReactPlugin } from '@coldwired/react';

const root = createRoot(document.getElementById('react-root'), {
  loader: (name) => import(`./${name}.js`).default,
});
const plugin = createReactPlugin({ root });
const actions = new Actions({ element: document.body, plugins: [plugin] });
actions.observe();
await actions.ready();
```
npm package: @colijnit/catalog_249
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.1.2.
Latest version: 249.0.22

# Catalog

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.1.2.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
Before running the tests make sure you are serving the app via `ng serve`.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @colinarms/react-reading-time-estimator
Description: Medium's like reading time estimator for React.
Author: Bunlong
Latest version: 1.0.0

# react-reading-time-estimator

Medium's like reading time estimator for React.

`react-reading-time-estimator` helps you estimate how long an article will take to read. It works perfectly with plain text.

## 🎁 Features

* Compatible with both JavaScript and TypeScript

## 🔧 Install

react-reading-time-estimator is available on npm. It can be installed with the following command:

```
npm install react-reading-time-estimator --save
```

react-reading-time-estimator is available on yarn as well. It can be installed with the following command:

```
yarn add react-reading-time-estimator
```

## 💡 Usage

```js
import { useReadingTime } from "react-reading-time-estimator";

const {
  text, // 1 min read
  minutes, // 1
  words, // 168
  time, // 0.5309090909090909
} = useReadingTime(text);
```

## 📚 Hook

`useReadingTime(text: string)`
  * `text` – the text to be estimated.

## 💖 Wrap Up

If you think any of the `react-reading-time-estimator` can be improved, please do open a PR with any updates and submit any issues. Also, I will continue to improve this, so you might want to watch/star this repository to revisit.

## 🌟 Contribution

We'd love to have your helping hand on contributions to `react-reading-time-estimator` by forking and sending a pull request!

Your contributions are heartily ♡ welcome, recognized and appreciated. (✿◠‿◠)

How to contribute:

- Open pull request with improvements
- Discuss ideas in issues
- Spread the word
- Reach out with any feedback

## ⚖️ License

The MIT License [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

<!-- https://raw.githubusercontent.com/bunlong/react-barcodes/master/README/logo.png -->
npm package: @colisweb/react-day-picker
Description: Flexible date picker component for React
Author: Giampaolo Bellavite
Latest version: 7.4.16

<p align="center">
<a href="http://react-day-picker.js.org"><img width="80" style="margin: 0 auto" alt="title" src="https://user-images.githubusercontent.com/120693/33364057-0d4a962a-d4e3-11e7-8506-0f9aede2b345.png"></a>
</p>
<h1 align="center">react-day-picker</h1>
<p align="center">
  Flexible date picker component for <a href="https://facebook.github.io/react/">React</a>.
  <br />
  Highly customizable, localizable, with ARIA support, no external dependencies, 9KB gzipped
</p>
<p align="center">
  <a href="http://react-day-picker.js.org"><img width="266" alt="screen shot 2017-11-29 at 08 53 17" src="https://user-images.githubusercontent.com/120693/33363979-cb60fb5a-d4e2-11e7-8d21-f4779b8b9105.png">
</a>
</p>
<p align="center">
  <a href="http://react-day-picker.js.org">Documentation</a> | <a href="http://react-day-picker.js.org/examples/basic">Examples</a> | <a href="http://react-day-picker.js.org/api/DayPicker">API</a> | <a href="http://react-day-picker.js.org/changelog">Changelog</a>
</p>
<p align="center">
  <a href="https://www.npmjs.com/package/react-day-picker">
    <img src="https://img.shields.io/npm/v/react-day-picker.svg?style=flat-square" alt="npm version">
  </a>
  <a href="http://npm-stat.com/charts.html?package=react-day-picker">
    <img src="https://img.shields.io/npm/dm/react-day-picker.svg?style=flat-square" alt="npm downloads">
  </a>
  <a href="https://circleci.com/gh/gpbl/react-day-picker">
    <img src="https://img.shields.io/circleci/project/github/gpbl/react-day-picker/master.svg?style=flat-square" alt="circleci">
  </a>
  <a href="https://codecov.io/gh/gpbl/react-day-picker">
    <img src="https://img.shields.io/codecov/c/github/gpbl/react-day-picker/master.svg?style=flat-square" alt="npm downloads">
  </a>
</p>

## Get support

Please fork and use [https://codesandbox.io/s/XDAE3x0W8](https://codesandbox.io/s/XDAE3x0W8) to reproduce your problem.

* Ask on on [Stack Overflow](http://stackoverflow.com/questions/tagged/react-day-picker?sort=newest) tagging your question with `react-day-picker`.
* Open a [new issue](https://github.com/gpbl/react-day-picker/issues/new) on GitHub.
* Join the [Gitter room](https://gitter.im/gpbl/react-day-picker) to chat with other developers.