open-index/open-npm huggingface dataset:
npm package: @ibrahim640/skeleton
Description: Lightweight, customizable skeleton loader for React & Next.js (TypeScript + Shimmer + Tailwind-ready)
Author: Md Ibrahim
Latest version: 1.0.2

# 🟦 @ibrahim640/skeleton  
A lightweight, customizable Skeleton Loader for React & Next.js — with shimmer animation, avatar loader, multiline text loader, and full TypeScript support.

![Skeleton Loader Preview](https://dummyimage.com/600x200/ddd/000&text=Skeleton+Loader+Preview)

---

## 📦 Installation

Install using your preferred package manager:

```bash
npm install @ibrahim640/skeleton
# or
yarn add @ibrahim640/skeleton
# or
pnpm add @ibrahim640/skeleton

import "@ibrahim640/skeleton/dist/shimmer.css";


🚀 Quick Example (Recommended)

``
import { Skeleton } from "@ibrahim640/skeleton";
import "@ibrahim640/skeleton/dist/shimmer.css";

export default function LoadingCard() {
  return (
    <div className="card">
      <Skeleton avatar title paragraph lines={3} />
    </div>
  );
}
``

🔳 Single Skeleton Box

``
import { SkeletonBox } from "@ibrahim640/skeleton";

<SkeletonBox width={200} height={20} rounded={8} variant="shimmer" />;
``

🧩 Advanced Example (Full Layout)

``

import React from "react";
import { Skeleton, SkeletonBox } from "@ibrahim640/skeleton";
import "@ibrahim640/skeleton/dist/shimmer.css";

export default function ProfileLoader() {
  return 
    <div className="profile-card">
      <Skeleton avatar={{ size: 60 }} title lines={4} />
      
      <div style={{ marginTop: 20 }}>
        <SkeletonBox width="40%" height={18} />
        <SkeletonBox width="60%" height={18} style={{ marginTop: 10 }} />
      </div>
    </div>
  ;

``
npm package: @ibrahimalsharif/spec-lite
Description: A small CLI that initializes a SPEC-Lite workflow in any project.
Latest version: 1.0.0

# `@ibrahimalsharif/spec-lite`

`@ibrahimalsharif/spec-lite` is a small public npm CLI that adds a SPEC-Lite workflow to the current project.

It creates the following files when you run `spec-lite init`:

- `.github/copilot-instructions.md`
- `.github/agents/spec-lite.agent.md`
- `.github/agents/implement-from-spec.agent.md`
- `.github/prompts/create-spec-lite.prompt.md`
- `.github/prompts/review-implementation-against-spec.prompt.md`
- `docs/specs/README.md`

The command is safe:

- missing directories are created automatically
- missing files are created
- existing files are left untouched
- the CLI prints which files were created and which were skipped

## Install

Global install:

```bash
npm install -g @ibrahimalsharif/spec-lite
spec-lite init
```

Run without installing:

```bash
npx @ibrahimalsharif/spec-lite init
```

Show help:

```bash
spec-lite help
```

## Local Testing

Run the CLI directly from this repo:

```bash
node bin/spec-lite.js help
node bin/spec-lite.js init
```

Test the installed command name locally:

```bash
npm link
spec-lite help
spec-lite init
```

Preview what would be published:

```bash
npm pack
```

## Publishing To npm

1. Update `package.json` with the version you want to release.
2. Log in to npm:

```bash
npm login
```

3. Publish the scoped package publicly:

```bash
npm publish --access public
```

For later releases, bump the version first and publish again.

## After Publishing

Users can run either of these:

```bash
npx @ibrahimalsharif/spec-lite init
```

```bash
npm install -g @ibrahimalsharif/spec-lite
spec-lite init
```

## What The Generated Files Do

- `.github/copilot-instructions.md` keeps implementation minimal and constrained.
- `.github/agents/spec-lite.agent.md` turns rough ideas into problem-first specs.
- `.github/agents/implement-from-spec.agent.md` limits implementation work to approved specs in `docs/specs`.
- `.github/prompts/create-spec-lite.prompt.md` helps create a spec from a raw idea.
- `.github/prompts/review-implementation-against-spec.prompt.md` helps review code against a spec.
- `docs/specs/README.md` explains where specs live and how to use them.
npm package: @ibrahimcavdar/axios-digest-auth
Description: axios-like http digest auth
Latest version: 0.9.0

# axios-digest-auth

[![npm](https://img.shields.io/badge/npm-0.9.0-yellow)](https://www.npmjs.com/package/@ibrahimcavdar/axios-digest-auth)
[![docs](https://img.shields.io/badge/documentation-0.8.0-blue)](https://axios-digest-auth.mhoc.co)

A library which implements HTTP digest authentication in a manner which should be familiar to any
project which also uses Axios.

> **Note:** This is a forked version of the original [@mhoc/axios-digest-auth](https://github.com/mhoc/axios-digest-auth) repository that fixes the CSRF vulnerability issue present in the main repo.

## Installation

```bash
npm i @ibrahimcavdar/axios-digest-auth
```

## Usage

```typescript
import AxiosDigestAuth from "@ibrahimcavdar/axios-digest-auth";

const digestAuth = new AxiosDigestAuth({
  username: "your-username",
  password: "your-password",
});

// Make requests with digest authentication
const response = await digestAuth.request({
  url: "https://example.com/api/data",
  method: "GET",
});
```

Check out [the documentation site](https://axios-digest-auth.mhoc.co) for more information
on usage.

## Features

- Automatic HTTP Digest Authentication
- Compatible with Axios request configuration
- TypeScript support

## License

MIT
npm package: @ibrahimstudio/cra-template
Description: This template is a streamlined, production-ready starting point for React applications, customized by Ibrahim Space Studio.
Author: Ibrahim Space Studio
Latest version: 1.1.0

<div align="center">
    <img width="20%" src="https://raw.githubusercontent.com/space-ibrahimstudio/ibrahimstudio/master/public/image/iss-logo.png" alt="@ibrahimstudio/cra-template" />
    <div align="center">
      <h1>@ibrahimstudio/cra-template</h1>
      <h3>by: Ibrahim Space Studio</h3>
      <p>This template is a streamlined, production-ready starting point for React applications, customized by Ibrahim Space Studio.</p>
    </div>
</div>

## 1. Installation

You can install this template using npx:

```sh
npx create-react-app my-app --template @ibrahimstudio
```

## 2. Contributing

Contributions are welcome! If you have any improvements, bug fixes, or features, feel free to open an issue or create a pull request on GitHub.

## 3. License

This project is licensed under the MIT License - see the [LICENSE](https://github.com/space-ibrahimstudio/ibrahimstudio/blob/master/LICENSE) file for details.
npm package: @ibrahimstudio/input
Description: This package provides a customizable input component for React applications.
Author: Ibrahim Space Studio
Latest version: 1.4.9

<div align="center">
  <img width="20%" src="https://raw.githubusercontent.com/space-ibrahimstudio/ibrahimstudio/master/public/image/iss-logo.png" alt="@ibrahimstudio/input" />
  <h1>@ibrahimstudio/input</h1>
</div>
npm package: @ibrahimsyah/designsystem_test
Description: a Design System by Basic Computing Community
Latest version: 0.2.1

<b><h1 align="center">🤖 BCC - Design System</h1></b>
<p align="center">Design System is a set of components that have been standardized by a guideline to reduce redundancy and make all components consistent both in language and visually.</p>


## Installation
BCC-Design System is available at [npmjs: @bccfilkom/designsystem](https://www.npmjs.com/package/@bccfilkom/designsystem)

```bash
# with NPM
npm install @bccfilkom/designsystem

# with YARN
yarn add @bccfilkom/designsystem
```

## Usage
This is a quick example of using BCC - Design System component

```jsx
import * as React from 'react';
import ReactDOM from 'react-dom';
import {Button} from '@bccfilkom/designsystem';


function App() {
  return (
    <Button onClick={() => console.log("Hello world")}>Hello World</Button>
  );
}

ReactDOM.render(<App />, document.querySelector('#app'));
```


## Contributing

Please read our [Contributing Guidelines](CONTRIBUTING.md) to get started on developing.

This project is bound by a [Code of Conduct](CODE_OF_CONDUCT.md).


## License

Copyright (c) 2021 bccdesignsystem and/or contributors. All rights reserved.