npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

featish

v0.1.0

Published

CLI tool to scaffold feature modules with a consistent structure

Readme

Featish

CLI tool to scaffold feature modules with a consistent structure.

Featish creates standardized feature directories with barrel exports, README files, and a customizable folder layout — so every feature in your project follows the same pattern.

Installation

npm install -g featish

Or use it directly with npx:

npx featish user-profile

Quick Start

# Scaffold a new feature
featish user-profile

# Preview without creating files
featish user-profile --dry-run

# Custom folder structure
featish user-profile --folders components,hooks,utils

# Custom target directory
featish user-profile --dir src/modules

This creates:

src/features/user-profile/
├── components/
│   └── index.ts
├── hooks/
│   └── index.ts
├── services/
│   └── index.ts
├── stores/
│   └── index.ts
├── types/
│   └── index.ts
├── utils/
│   └── index.ts
├── constants/
│   └── index.ts
├── index.ts
└── README.md

CLI Reference

Usage: featish [options] <name>

Arguments:
  name               Feature name in kebab-case (e.g., user-profile)

Options:
  -V, --version      Output the version number
  -d, --dir <path>   Target directory relative to cwd (default: "src/features")
  --no-barrels       Skip generating barrel index.ts files
  --no-readme        Skip generating README.md
  --dry-run          Preview what would be created without writing files
  --folders <items>  Comma-separated list of folders to create
  --verbose          Show config resolution details
  -h, --help         Display help for command

Shell Completions

Generate shell completions for your shell:

# Bash
featish completion >> ~/.bashrc

# Zsh
featish completion >> ~/.zshrc

# Fish
featish completion --fish > ~/.config/fish/completions/featish.fish

Init

Generate a starter config file in your project root:

featish init

This creates a .featishrc.json with the default configuration, ready to customize.

Configuration

Featish looks for configuration in the following files (in order):

  1. featish.config.json
  2. .featishrc.json
  3. .featishrc

CLI flags override config file values, which override defaults.

Options

| Option | Type | Default | Description | | --------- | ---------- | ------------------------------------------------------------------------ | ------------------------------------ | | dir | string | "src/features" | Target directory relative to cwd | | folders | string[] | ["components", "hooks", "services", "stores", "types", "utils", "constants"] | Folders to create inside each feature | | barrels | boolean | true | Generate barrel index.ts files | | readme | boolean | true | Generate a README.md per feature |

Example Configs

React project (.featishrc.json):

{
  "dir": "src/features",
  "folders": ["components", "hooks", "services", "stores", "types", "utils", "constants"],
  "barrels": true,
  "readme": true
}

Vue project:

{
  "dir": "src/features",
  "folders": ["components", "composables", "services", "stores", "types", "utils"],
  "barrels": true,
  "readme": true
}

Plain TypeScript:

{
  "dir": "src/modules",
  "folders": ["services", "types", "utils", "constants"],
  "barrels": true,
  "readme": false
}

Programmatic API

Featish exports its core functions for use in other tools:

import { scaffoldFeature, generateFiles } from 'featish/api';
import { DEFAULT_CONFIG } from 'featish/api';
import type { FeatishConfig, FeatureFile } from 'featish/api';

// Generate file list without writing to disk
const files: FeatureFile[] = generateFiles('user-profile', DEFAULT_CONFIG);

// Scaffold a feature
const created = await scaffoldFeature('user-profile', DEFAULT_CONFIG, process.cwd(), false);

License

MIT