open-index/open-npm huggingface dataset:
npm package: @perezpujantealejandro/css-reset
Description: CSS reset I use for my projects.
Author: Alejandro Pérez Pujante
Latest version: 1.0.1

# My CSS Reset

This is a CSS reset that I use in my projects.
It's mostly based on different sources that I've found on the internet and that I've used in the past.

## Installation

You can install this package using npm:

```bash
npm install @perezpujantealejandro/css-reset
```

## Usage

By default, the raw CSS file is imported.
This is the file that you should use if you're using a bundler like Vite.

```css
@import "@perezpujantealejandro/css-reset";
```

If you're not using a bundler, you can import the minified CSS file:

```css
@import "@perezpujantealejandro/css-reset/minified";
```

## License

This project is licensed under the MIT License — see the [LICENSE](LICENSE) file for details.
npm package: @perf-profiler/ios
Description: This is the implementation of the Profiler for iOS app. It uses [py-ios-device](https://github.com/YueChen-C/py-ios-device) to poll CPU, RAM and FPS data in real time.
Author: Almouro
Latest version: 0.3.3

# Measure the performance of any iOS APP

This is the implementation of the Profiler for iOS app.
It uses [py-ios-device](https://github.com/YueChen-C/py-ios-device) to poll CPU, RAM and FPS data in real time.

This Profiler can only be used on real iOS devices with a version of iOS < 17

In order to use it, you need to set an environment variable `PLATFORM=ios`
You must also install `py-ios-device` with `pip install py-ios-device`
and `idb` with

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

You can get the real time measure by running:
`PLATFORM=ios node packages/commands/measure/dist/server/bin.js measure`
npm package: @perf-tools/performance
Description: User Timing polyfill
Author: RubaXa
Latest version: 1.1.1

@perf-tools/performance
-----------------------
User Timing polyfill

```
npm i --save @perf-tools/performance
```

### Usage

```ts
// Polyfill
import from '@perf-tools/performance';

// As module
import { performance } from '@perf-tools/performance';
```

---


### Supported

- Browser, Worker and NodeJS
- API:
  - [now](https://developer.mozilla.org/docs/Web/API/Performance/now) - Returns a `DOMHighResTimeStamp` representing the number of milliseconds elapsed since a reference instant.
  - [mark](https://developer.mozilla.org/docs/Web/API/Performance/mark) - Creates a `timestamp` in the browser's performance entry buffer with the given name.
  - [measure](https://developer.mozilla.org/docs/Web/API/Performance/measure) - Creates a named `timestamp` in the browser's performance entry buffer between two specified marks (known as the start mark and end mark, respectively).
  - [getEntries](https://developer.mozilla.org/docs/Web/API/Performance/getEntries) - Returns a list of `PerformanceEntry` objects based on the given filter.
  - [getEntriesByType](https://developer.mozilla.org/docs/Web/API/Performance/getEntriesByType) - Returns a list of `PerformanceEntry` objects of the given entry type.
  - [getEntriesByName](https://developer.mozilla.org/docs/Web/API/Performance/getEntriesByName) - Returns a list of `PerformanceEntry` objects based on the given name and entry type.
  - [clearMarks](https://developer.mozilla.org/docs/Web/API/Performance/clearMarks) - Removes the given `mark` from the browser's performance entry buffer.
  - [clearMeasures](https://developer.mozilla.org/docs/Web/API/Performance/clearMarks) - Removes the given `measure` from the browser's performance entry buffer.

---

#### Not Supported

 - [clearResourceTimings](https://developer.mozilla.org/docs/Web/API/Performance/clearResourceTimings)


---


### Development

 - `npm i`
 - `npm test`, [code coverage](./coverage/lcov-report/index.html)
npm package: @perf-tools/promise
Description: Lazy Promise
Author: RubaXa
Latest version: 0.1.1

@perf-tools/promise
-------------------
Lazy Promise creates native Promise only if you use `then` or `catch` methods.

```sh
npm i --save @perf-tools/promise
```

---

### Usage

```ts
import { LazyPromise } from '@perf-tools/promise';

const lazy = new LazyPromise((resolve) => {
	resolve('LAZY!');
});

console.log('Like native:', lazy instanceof Promise); // Like native: true
console.log('Lazy?', lazy instanceof LazyPromise); // Lazy? true

// Activation (create Native Promise)
lazy.then((val) => {
	console.log('result:', val); // result: LAZY!
});
```

---

### Development

 - `npm i`
 - `npm test`, [code coverage](./coverage/lcov-report/index.html)
npm package: @perf-util/frame-measure
Description: You can use this tool for metrics extraction from Chrome Devtools performance profile.
Author: Georgii Savin
Latest version: 0.0.3

# Frame Measure

You can use this tool for metrics extraction from Chrome Devtools performance profile.

## Motivation

For some performance-critical frontend applications it is very important to collect metrics
based on frames' data (maximum frame time, dropped frames, avg FPS).
However, it's almost impossible to parse chrome performance profile, because its format is undocumented
and the only option is to view this report in the browser. In this case you can't automate your performance testing.
This tool uses internal devtools models to extract frame and cpu metrics from the profile
in consumable format.

## Usage

```js

import { DevToolsAPIWrapper } from '@perf-util/frame-measure';

const data = require('/path/to/raw/timeline/json/file');

const wrapper = new DevToolsAPIWrapper(data);

const cpuStats = wrapper.calculateCPUStats();
const frameStats = wrapper.calculateFrameStats();
```

## License

MIT
npm package: @perfa/native
Description: Measure React Native app performance
Latest version: 0.2.0

# @perfa/native ![npm](https://flat.badgen.net/npm/v/@perfa/native)

Measure React Native app performance.

## Install

```sh
$ yarn add @perfa/native
```

## Usage

```ts
type TGetPerfDataOptions = {
  entryPointPath: string,
  dependencyNames?: string[],
}

type TPerfData = {
  viewCount: number,
  usedMemory: number,
}}

const getAndroidPerfData: (options: TGetPerfDataOptions) => Promise<TPerfData>

const getIosPerfData: (options: TGetPerfDataOptions) => Promise<TPerfData>
```

```ts
import { getAndroidPerfData, getIosPerfData } from '@perfa/native'

const androidPerfData = await getAndroidPerfData({
  entryPointPath: './App',
})

const iosPerfData = await getIosPerfData({
  entryPointPath: './App',
})
```

## Metrics

### `viewCount`

Count of React Native `createView` events passing through the [Bridge](https://medium.com/@jondot/debugging-react-native-performance-snoopy-and-the-messagequeue-fe014cd047ac).

### `usedMemory`

App memory usage, in bytes.
npm package: @perfbase/mcp
Description: MCP server for PerfBase profiler analysis
Latest version: 1.0.1

# @perfbase/mcp

Model Context Protocol (MCP) server for analyzing PerfBase PHP profiler data.

## Installation

```bash
claude mcp add perfbase -- npx -y @perfbase/mcp
```

That's it! Restart Claude Code and you can profile and analyze PHP scripts directly.

## Usage

### Profile a PHP Script

Just ask Claude to profile any PHP script:

```
Profile /path/to/my-script.php and show me the slowest functions
```

Claude will use the `run_profiled_script` tool to execute the script with profiling enabled, then analyze the results.

### Analyze an Existing Profile

```
Analyze the profile at /path/to/profile.bin
```

## Available Tools

| Tool | Description |
|------|-------------|
| `run_profiled_script` | Run a PHP script with profiling and save the result |
| `get_slowest_functions` | Functions sorted by total wall time |
| `get_most_called_functions` | Functions sorted by call count |
| `get_cpu_intensive_functions` | Functions sorted by CPU time |
| `get_memory_hogs` | Functions sorted by memory allocation |
| `get_database_queries` | Extract and analyze database operations |
| `detect_n_plus_one` | Find N+1 query patterns |
| `get_profile_summary` | Overall profile statistics |

## Profile Data Format

PerfBase profiles are:
1. MessagePack encoded
2. Brotli compressed

This is the raw binary format produced by `perfbase_get_data()`.

## Development

```bash
# Clone and install
git clone <repo>
cd mcp
npm install

# Build
npm run build

# Watch mode
npm run dev

# Run tests
npm test
```

### Local Testing

To test locally before publishing:

```bash
claude mcp add perfbase -- node /path/to/extension/mcp/dist/index.js
```

### Manual Profile Generation

```php
<?php
perfbase_enable('test', PERFBASE_FLAG_ALL);
// ... your code ...
perfbase_disable('test');
file_put_contents('profile.bin', perfbase_get_data());
```

## License

MIT
npm package: @perfect-css/ripple
Description: The Perfect Components for the web ripple component
Author: hopefuture
Latest version: 0.1.1

# @perfect-css/ripple

**_Note: The Perfect CSS is developing. In looking forward_**

波纹、涟漪效果 ripple

## 实现原理

设置 ripple 双层背景 ::before 用来产生动画效果，::after 为动画效果提供渲染背景舞台
npm package: @perfect-data/schema-standard-validators
Description: Standard validators for Schema
Author: Yanick Rochon
Latest version: 2.4.4

# Perfect Schema Standard Validatiors Plugin

Provide standard validation for schemas.


## Install

```
npm i -S @perfect-schema/standard-validators
```


## Usage

```js
import Schema from '@perfect-data/schema';
import { 
  matchValidator,
  restrictedValuesValidator
} from '@perfect-data/schema-standard-validators';


Schema.use(matchValidator);
Schema.use(restrictedValuesValidator);

const schema = new Schema({
  foo: {
    type: String,
    match: /[a-z0-9]+/i
  },
  bar: {
    type: Number,
    restrictedValues: [2, 3, 5, 7, 11, 13, 17, 19]
  }
});
```


## Documentation

*Coming soon...*


## license

MIT