open-index/open-npm huggingface dataset:
npm package: @hussmarsidi/agent-skills
Description: CLI tool to generate Agent Skills templates following Agent Skills specification
Author: Hussaini Marsidi
Latest version: 0.5.0

# Agent Skills

A collection of agent skills I find useful, including custom skills I use regularly. I'm always scaffolding new projects and used to reference old projects for code structure—this repo captures those patterns as reusable agent skills that follow the [Agent Skills specification](https://agentskills.io).

# What's Included

### Skills
| Skill | Description |
|-------|-------------|
| [project-scaffolder](skills/project-scaffolder/SKILL.md) | Generate production-ready React + Hono monorepos with feature-first architecture, platform layers, and shared packages |
| [skill-names](skills/skill-names/SKILL.md) | Guide for describing and refining skills before implementation |

### Commands
| Command | What it does |
|---------|--------------|
| `/refine-skill` | Interactively refine a skill through exhaustive questioning about requirements, use cases, and best practices until every detail is clear |

## Installation

```bash
# Initialize your workspace
npx @hussmarsidi/agent-skills init
```

## Usage

### Add skills to your workspace
```bash
# Add skills to your workspace using interactive CLI
npx @hussmarsidi/agent-skills skills

# Install a specific skill
npx @hussmarsidi/agent-skills skills --add project-scaffolder

# List available skills
npx @hussmarsidi/agent-skills skills --list
```

### Create a New Skill

```bash
# Create a basic skill
npx @hussmarsidi/agent-skills create my-skill

# With description and optional directories
npx @hussmarsidi/agent-skills create my-skill \
  --description "A skill that does X" \
  --scripts \
  --references \
  --assets
```

After creating a skill, use the `/refine-skill` command in your IDE to interactively fill in all details.

## Supported Tools

- Cursor (`.cursor/skills/`)
- OpenCode (`.opencode/skill/`)
- Claude Code (`.claude/skills/`)
- Codex (`.codex/skills/`)
- Amp, Kilo Code, Roo Code, Goose, Antigravity

## Contributing

Contributions welcome! Whether it's improving existing skills or adding new ones, feel free to open issues or submit pull requests.

## License

MIT
npm package: @hussnainpucit/reactjs-file-previewer
Description: The url previewer is built using native html  elements for previewing url of files of the following type
Author: hussnainpucit
Latest version: 1.0.3

# react-file-preview


The url previewer is built using native html  elements for previewing url of files of the following type

* csv files
* text files
* pdf files
* html files
* image files (supported by the browser)
* audio files (supported by the browser)
* video files (supported by the browser)
* docx, xlsx, pptx files

Also, for unsupported files or when an error occurs, it falls back to using an icon.
# Installation

```python
npm i @afzalimdad9/react-file-preview
```

# Usage
Currently, the file supports only urls, in the future hopefully it can be extended to files also.

Basic Usage

```javascript
import React, { useState } from 'react'
import FileViewer from '@afzalimdad9/react-file-preview'

export default function Demo() {
  const [file, setFile] = useState<string>('')
  const [mimeType, setMimeType] = useState<string>()
  const [name, setName] = useState<string>('image.jpg')

  return (
    <>
      <div>
        <label>File url</label>
        <br />
        <input type='text' onChange={(e) => setFile(e.target.value)} />
      </div>
      <div>
        <label>File mimeType</label>
        <br />
        <input type='text' onChange={(e) => setMimeType(e.target.value)} value={mimeType} />
      </div>
      <div>
        <label>File name</label>
        <br />
        <input type='text' onChange={(e) => setName(e.target.value)} value={name} />
      </div>
      <div
        style={{
          height: '500px',
          width: '500px',
        }}
      >
        <FileViewer
          loader={undefined}
          mimeType={mimeType}
          src={file}
          onError={(e) => {
            console.log(e)
          }}
          fileName={name}
        />
      </div>
    </>
  )
}

```

# FileViewer Props

| Prop name        |            Type             |  Description |
|--------------|:---------------------------:|-----------:|
| src      |           string            | The url of the file to be previewed |
| mimetype      |      string (optional)      | Used to specify the mimetype of the file and determine how to preview the url, alternatively filename can be used |
| filename      |      string (optional)      | The file extension is used to specify the mimetype of the file and determine how to preview the url, alternatively mimetype can be used |
| loader |    ReactNode (optional)     | A loader to replace the default loader used by the project |
| onError      | (e: any) => void (optional) | A callback that can be used to detect if an error has occurred in the loading of the files|
| autoPlay |           boolean           | To autoplay a video or an audio
| containerErrorStyle |     React.CSSProperties     | The style of the container when an error occurs
npm package: @hustapp/n8n-nodes-hustapp-internal
Description: Ferramentas internas n8n Hust App
Author: Hust App
Latest version: 0.1.7

# @hustapp/n8n-nodes-hustapp-internal

This is an n8n community node. It lets you use _app/service name_ in your n8n workflows.

_App/service name_ is _one or two sentences describing the service this node integrates with_.

[n8n](https://n8n.io/) is a [fair-code licensed](https://docs.n8n.io/sustainable-use-license/) workflow automation platform.

[Installation](#installation)
[Operations](#operations)
[Credentials](#credentials)
[Compatibility](#compatibility)
[Usage](#usage)
[Resources](#resources)
[Version history](#version-history)

## Installation

Follow the [installation guide](https://docs.n8n.io/integrations/community-nodes/installation/) in the n8n community nodes documentation.

## Operations

_List the operations supported by your node._

## Credentials

_If users need to authenticate with the app/service, provide details here. You should include prerequisites (such as signing up with the service), available authentication methods, and how to set them up._

## Compatibility

_State the minimum n8n version, as well as which versions you test against. You can also include any known version incompatibility issues._

## Usage

_This is an optional section. Use it to help users with any difficult or confusing aspects of the node._

_By the time users are looking for community nodes, they probably already know n8n basics. But if you expect new users, you can link to the [Try it out](https://docs.n8n.io/try-it-out/) documentation to help them get started._

## Resources

* [n8n community nodes documentation](https://docs.n8n.io/integrations/#community-nodes)
* _Link to app/service documentation._

## Version history

_This is another optional section. If your node has multiple versions, include a short description of available versions and what changed, as well as any compatibility impact._
npm package: @hustle/flow-to-ts
Description: [![Actions Status](https://github.com/Khan/flow-to-ts/workflows/Node%20CI/badge.svg)](https://github.com/Khan/flow-to-ts/actions) [![codecov](https://codecov.io/gh/Khan/flow-to-ts/branch/master/graph/badge.svg)](https://codecov.io/gh/Khan/flow-to-ts) [![n
Latest version: 0.5.4

# flow-to-ts

[![Actions Status](https://github.com/Khan/flow-to-ts/workflows/Node%20CI/badge.svg)](https://github.com/Khan/flow-to-ts/actions)
[![codecov](https://codecov.io/gh/Khan/flow-to-ts/branch/master/graph/badge.svg)](https://codecov.io/gh/Khan/flow-to-ts)
[![npm version](https://badge.fury.io/js/%40khanacademy%2Fflow-to-ts.svg)](https://badge.fury.io/js/%40khanacademy%2Fflow-to-ts)

Convert Flow code to TypeScript.

> :warning: This is a WIP and many things still do not work properly.  There
> may also be the odd regression from time to time as work progresses.

The goal of this project is to provide a tool that can translate 95% of Flow
to TypeScript while maintaining a high percentage of the existing type
information. We don't want to convert code and end up with everything using
`any`. We also want to avoid having to make a lot of manual changes to files
afterwards, e.g. changing `SyntheticEvent` to `React.Event`.

# Quick start

- `yarn global add @khanacademy/flow-to-ts`
- `flow-to-ts [options] <file globs>`

For a comprehensive list of available options, please check out the [CLI code](./src/cli.ts).

# Playground

https://flow-to-ts.netlify.com

# Principles

- when exact translation isn't possible:
  - downgrade to `any` when possible and provide a gentle warning
  - when it isn't possible to downgrade (e.g. `%checks`), remove the syntax
    and provide a forceful warning that the code in question will need a human
    to convert it manually.
- best effort to maintain blank lines and the position comments, this isn't
  always possible so warn in those situations where we can't, e.g. converting
  object type spreads to intersection types.

# Contributing

## Bugs

Bug reports for converting Flow to TypeScript should include a link to the
playground with an example of a minimal reproducible example of the bug.

## Feature Requests

Feature requests are welcome.

## Pull Requests

Please make sure there is a GitHub issue first before creating a pull request
except for small things. Also, please sign our [Contributor License Agreement](https://docs.google.com/forms/d/e/1FAIpQLSdyXYrc8ogVoA46J9KXyIj5nKlZzNkOnQG-4A1R7X_BWGTShQ/viewform).

Pull requests that fix a bug in the conversion code should include one or more
test cases and should have 100% diff coverage.

## Dev quick start

```bash
git clone git@github.com:Khan/flow-to-ts.git
cd flow-to-ts
git submodule update --depth 1 --init -- babel
cd babel
yarn
cd ..
yarn
yarn test
```

## Helpful resources

- https://github.com/niieani/typescript-vs-flowtype
- https://astexplorer.net/