open-index/open-npm huggingface dataset:
npm package: @seon82/color-reduce
Description: Color mapper to predefined palette.
Author: Seon82
Latest version: 0.1.1

# color-reduce
color-reduce provides wasm bindings to the rust implementation of [color-reduce](https://github.com/Seon82/color-reduce-rs), which is used to map image colors to a given palette as fast as possible.

# Installation
`npm i @seon82/color-reduce`

# Quickstart
```javascript
const {process, QuantizeMethod} = require("@seon82/color-reduce");
const fs = require('fs')

// B&W palette
const palette = [[2555,255,255], [0,0,0]]

fs.readFile("cat.jpg", (err, data) => {
  if (err) throw err;
  // No dithering, redmean color distance
  processed_data = process(data, palette, QuantizeMethod.Redmean, false)
  // Dither
  // processed_data = process(data, palette, QuantizeMethod.Redmean, true, 0.2)

  fs.writeFile("cat_processed.jpg", processed_data, (err) => {
    if (err) throw err;
    console.log('The file has been saved!');
  })
});
```
npm package: @seongbin9786/my-renderer
Description: 유사 JSX 렌더러를 직접 만들어보는 학습 프로젝트
Author: seongbin9786@gmail.com
Latest version: 0.0.26

# My Renderer

Tagged Template을 활용한 유사-JSX를 렌더링하는 렌더러입니다.

React 형식의 Class Component를 지원합니다.
npm package: @seonggukchoi/datee
Description: [Datee](https://github.com/seonggukchoi/packages.js/tree/main/packages/datee) is a simple and lightweight date library that extends a `Date` class of native JavaScript, and provide some useful methods like [day.js](https://day.js.org/).
Author: seonggukchoi
Latest version: 0.0.8

# @seonggukchoi/datee

[Datee](https://github.com/seonggukchoi/packages.js/tree/main/packages/datee) is a simple and lightweight date library
that extends a `Date` class of native JavaScript,
and provide some useful methods like [day.js](https://day.js.org/).

## Installation

```bash
npm install @seonggukchoi/datee
```

## Usage

```typescript
import { Datee } from '@seonggukchoi/datee';
import default as Datee from '@seonggukchoi/datee';

const { Datee } = require('@seonggukchoi/datee');
const Datee = require('@seonggukchoi/datee');

new Datee();
new Datee('2021-01-01');
new Datee('2021-01-01T00:00:00.000Z');
```
npm package: @seonggukchoi/nestjs-swagger
Description: Nest - modern, fast, powerful node.js web framework (@swagger)
Author: Kamil Mysliwiec
Latest version: 11.2.4

<p align="center">
  <a href="http://nestjs.com/" target="blank"><img src="https://nestjs.com/img/logo-small.svg" width="120" alt="Nest Logo" /></a>
</p>

<p align="center">A progressive <a href="http://nodejs.org" target="blank">Node.js</a> framework for building efficient and scalable server-side applications.</p>
<p align="center">
  <a href="https://www.npmjs.com/~nestjscore"><img src="https://img.shields.io/npm/v/@nestjs/core.svg" alt="NPM Version" /></a>
  <a href="https://www.npmjs.com/~nestjscore"><img src="https://img.shields.io/npm/l/@nestjs/core.svg" alt="Package License" /></a>
  <a href="https://www.npmjs.com/~nestjscore"><img src="https://img.shields.io/npm/dm/@nestjs/core.svg" alt="NPM Downloads" /></a>
  <a href="https://circleci.com/gh/nestjs/nest" target="_blank"><img src="https://img.shields.io/circleci/build/github/nestjs/nest/master" alt="CircleCI" /></a>
  <a href="https://discord.gg/G7Qnnhy" target="_blank"><img src="https://img.shields.io/badge/discord-online-brightgreen.svg" alt="Discord"/></a>
  <a href="https://opencollective.com/nest#backer"><img src="https://opencollective.com/nest/backers/badge.svg" alt="Backers on Open Collective" /></a>
  <a href="https://opencollective.com/nest#sponsor"><img src="https://opencollective.com/nest/sponsors/badge.svg" alt="Sponsors on Open Collective" /></a>
  <a href="https://paypal.me/kamilmysliwiec"><img src="https://img.shields.io/badge/Donate-PayPal-dc3d53.svg"/></a>
  <a href="https://twitter.com/nestframework"><img src="https://img.shields.io/twitter/follow/nestframework.svg?style=social&label=Follow"></a>
</p>
  <!--[![Backers on Open Collective](https://opencollective.com/nest/backers/badge.svg)](https://opencollective.com/nest#backer)
  [![Sponsors on Open Collective](https://opencollective.com/nest/sponsors/badge.svg)](https://opencollective.com/nest#sponsor)-->

## Description

[OpenAPI (Swagger)](https://www.openapis.org/) module for [Nest](https://github.com/nestjs/nest).

## Installation

```bash
$ npm i --save @nestjs/swagger
```

## Quick Start

[Overview & Tutorial](https://docs.nestjs.com/openapi/introduction)

## Support

Nest is an MIT-licensed open source project. It can grow thanks to the sponsors and support by the amazing backers. If you'd like to join them, please [read more here](https://docs.nestjs.com/support).

## Stay in touch

- Author - [Kamil Myśliwiec](https://twitter.com/kammysliwiec)
- Website - [https://nestjs.com](https://nestjs.com/)
- Twitter - [@nestframework](https://twitter.com/nestframework)

## License

Nest is [MIT licensed](LICENSE).
npm package: @seonggukchoi/toolkit
Description: Toolkit for simplify conversions and value generation
Author: seonggukchoi
Latest version: 1.3.0

# Toolkit

Perform your work intuitively without the need for searching!

This project was created to simplify conversions and value generation
that are commonly required during software development.

You don't need to visit potentially dangerous websites by Googling for Base64 encoding,
or you don't need to scour Stack Overflow to generate hash values too.

## How to Install

You only need to input one line in the shell.

```bash
npm install -g @seonggukchoi/toolkit
```

## How to Use

In the shell, run the `tk` command (an alias for the `toolkit` command)
with the `--help` option to see the available options.

```bash
tk --help

# --- Result ---
# Usage: tk [options] [command]
#
# Options:
#   -h, --help        display help for command
#
# Commands:
#   random [options]  Generate a random string.
#   encode [options]  Encode the input.
#   ...
```

For example, if you want to create a strong password with 32 characters,
you can simply input like this.

```bash
tk random -s -l 32 -c

# --- Result ---
# m~-{ts@6TNc}ra~N.!<#ZH_BB2DJ+F-%
#
# Copied to clipboard!
```

Also, if you want to decode a Base64 string, you can input like this.

```bash
tk encode -b VGhpcyBpcyB2ZXJ5IGVhc3kh -d

# --- Result ---
# This is very easy!
```

🧔🏻‍♂️ "THAT EASY?"

Enjoy software development by using various other features!

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE.md) file for details.
And, this README.md file was partially generated with the help of GitHub Copilot.
npm package: @seonghyeonkimm/next-middleware
Description: next middleware collection
Author: @seonghyeonkimm
Latest version: 1.0.1

<div align="center">
  <h1>
      🚀
    <br/>
    next-middleware
    <br />
    <br />
  </h1>
  <sup>
    <br />
    <a href="https://www.npmjs.com/package/@seonghyeonkimm/next-middleware">
       <img src="https://img.shields.io/npm/v/@seonghyeonkimm/next-middleware.svg" alt="npm package" />
    </a>
    <a href="https://www.npmjs.com/package/@seonghyeonkimm/next-middleware">
      <img src="https://img.shields.io/npm/dm/@seonghyeonkimm/next-middleware.svg" alt="npm downloads" />
    </a>
    <br />
    Collection of <a href="https://nextjs.org/docs/middleware">next.js middlewares</a>.</em>
  </sup>
  <br />
  <br />
  <pre>npm i <a href="https://www.npmjs.com/package/@seonghyeonkimm/next-middleware">@seonghyeonkimm/next-middleware</a></pre>
  <br />
</div>

- [**Miscellaneous**](./docs/Miscellaneous.md)
  - [`pipe`](./docs/pipe.md) and [`mergePipe`](./docs/pipe.md) &mdash; use pipe and mergePipe utils to split middleware logics into several parts and pipe it into one next.js middleware file
npm package: @seonjaelee/learnstorybook-design-system
Description: Storybook design systems tutorial
Author: SeonjaeLee
Latest version: 0.1.0

# Storybook design system tutorial

The Storybook design system tutorial is a subset of the full [Storybook design system](https://github.com/storybookjs/design-system/), created as a learning resource for those interested in learning how to write and publish a design system using best in practice techniques.

Learn more in [Storybook tutorials](https://storybook.js.org/tutorials/).
npm package: @seonjiwon/frontend-perf-analyzer
Description: Chrome DevTools MCP 기반 프론트엔드 성능 병목 자동 분석 도구
Author: Seon Jiwon
Latest version: 0.1.16

# Frontend Performance Analyzer

Chrome DevTools MCP를 활용한 프론트엔드 성능 병목 자동 분석 도구

## 특징

- Chrome DevTools MCP 기반 자동 성능 측정
- 코드 레벨 병목 지점 정확한 식별
- 실무 적용 가능한 개선 코드 제안
- HTML 보고서 자동 생성

## 사용 방법

## 설치

```bash
npm install @seonjiwon/frontend-perf-analyzer
```

### 2단계: 설정 수정

```markdown
## 1. 분석 환경 설정

- SCENARIO: page-load
- URL: http://localhost:5173
- DETAILED_ANALYSIS: true
```

### 3단계: AI에 입력

1. Gemini Code Assist (또는 Claude) 에 init.md 에 따른 분석 수행 분석
2. Chrome DevTools MCP 활성화 상태 확인
3. 분석 시작

## 출력 결과

- `result/result.txt`: 텍스트 보고서
- `result/result.html`: 웹 페이지 보고서

## 시나리오

### page-load

페이지 초기 로드 성능 분석

- LCP, FCP, TBT 측정
- 렌더링 차단 리소스 분석

### interaction

사용자 인터랙션 성능 분석

- INP, Event Handler Duration 측정
- 재렌더링 최적화

## 라이선스

MIT

## 기여

이슈와 PR은 언제나 환영합니다!

## 문의

- GitHub: https://github.com/seonjiwon/frontend-perf-analyzer
- Email: tommys915@gmail.com
npm package: @seonup/use-calendar
Description: A simple and easy-to-use calendar package implemented in React and TypeScript. Provides date information and datepicker functionality.
Author: seonup
Latest version: 0.0.2

# use-calendar

A simple and easy-to-use useCalendar custom hook implemented in React and TypeScript. Provides date information and datepicker functionality.

## Installation

```sh
npm install @seonup/use-calendar
```

## Usage

```ts
import useCalendar from '@seonup/use-calendar';
```
npm package: @seonwkim/claude-code-setup
Description: CLI tool to configure Claude Code for any project
Latest version: 1.0.3

# @seonwkim/claude-code-setup

A CLI tool that configures Claude Code for any project by asking questions about your tech stack and generating the appropriate configuration files.

## Installation

```bash
# Run directly with npx (recommended)
npx @seonwkim/claude-code-setup

# Or install globally
npm install -g @seonwkim/claude-code-setup
```

## Usage

Run the CLI in your project directory:

```bash
# If installed globally
claude-code-setup
# or
ccs

# Or run with npx
npx @seonwkim/claude-code-setup
```

The CLI will:

1. Ask you about your project (type, goal, tech stack, security needs, etc.)
2. Download configurations from [everything-claude-code](https://github.com/affaan-m/everything-claude-code)
3. Copy relevant agents, commands, skills, rules, and hooks
4. Generate a customized `CLAUDE.md` with project-specific instructions
5. Generate `CLAUDE_SETUP.md` explaining what was configured and why

## Generated Files

```
your-project/
├── .claude/
│   ├── agents/           # AI agent configurations
│   ├── commands/         # Custom slash commands
│   ├── skills/           # Skill configurations
│   ├── rules/            # Rule definitions
│   └── settings.local.json  # Hook configurations
├── .claude.json          # MCP server configurations
├── CLAUDE.md             # Project-specific AI instructions
└── CLAUDE_SETUP.md       # Setup documentation
```

## Question Categories

The CLI asks questions in 7 categories:

1. **Project Info** - Name, type (fullstack/frontend/backend/etc.), goal
2. **Frontend Stack** - Framework, meta-framework, styling approach
3. **Backend Stack** - Language, framework, database, ORM
4. **Testing** - Approach (TDD/standard/minimal), framework, E2E, coverage
5. **Security** - Level, authentication provider, payments, blockchain
6. **DevOps** - Deployment platform, CI/CD, MCP integrations
7. **Workflow** - Team size, git workflow, code review, hooks

## Selection Logic

Components are selected based on your answers:

| Answer | → | Selected Tools |
|--------|---|----------------|
| `projectGoal: production/enterprise` | → | planner, architect, doc-updater agents |
| `testingApproach: tdd` | → | tdd-guide agent, /tdd command |
| `securityLevel: high` | → | security-reviewer agent, security rule |
| `teamSize: !solo` | → | code-reviewer agent, git-workflow rule |
| `e2eFramework: playwright` | → | e2e-runner agent, /e2e command |
| `deploymentPlatform: vercel` | → | Vercel MCP server |

## Options

```bash
npx @seonwkim/claude-code-setup --directory <path>  # Specify target directory
npx @seonwkim/claude-code-setup --version           # Show version
npx @seonwkim/claude-code-setup --help              # Show help
```

## Development

```bash
# Clone the repository
git clone https://github.com/seonwkim/claude-code-setup.git
cd claude-code-setup

# Install dependencies
npm install

# Build
npm run build

# Run locally
node dist/index.js
```

## License

MIT