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 🙏

© 2025 – Pkg Stats / Ryan Hefner

action-cli

v1.1.0

Published

Action-cli is a CLI focused on powering the start of developer's web project.

Downloads

30

Readme

Action-cli

NPM Version NPM Downloads

NPM GitHub

Action-cli is a CLI focused on powering the start of developer's web project.

⚡ Installation

# global install
npm install -g action-cli

🚀 Usage

Create

Create a new project:

# create a new project
action create demo

Your can create a new project with the template of your choice:

# create a new project with the react template
action create demo --template react
# or
action create demo --template https://github.com/demo/react-admin-template.git

You can use the web-based UI to create a new project:

# open the web-based UI
action ui

Template

Show available templates:

# list available templates
action list

Add or remove a template:

# add a new template
action add vue-ts https://github.com/demo/vue-admin-template.git

# remove an existing template
action remove vue-ts

Update

When a new version is detected, you can use this command to update the scaffolding. update action-cli:

# update action-cli
action update

Help

show help:

# show help
action help

# show help for command
action help create

✨ Changelog

  • Refactor the create command

  • Add features to the create command including branching, package manager, automatic execution, and custom commands

  • Refactor the list command

  • Refactor the template command

  • Add the update command, which supports detecting scaffolding version updates

  • Optimize packaging

✨ Features

| command | description | option | description | | ------------ | ------------ | ------------ | ------------ | | create <project-name> | Create a project |-t, --template [template-name] | template or git-url(string)| | | | -f, --force |Overwrite target directory if it exists| | | |-b, --branch [branch-name] | Specify a branch to clone | | | |-r, --run | Run the project after creation | | | |-c, --command [command] | Specify a command to run | | | |-pm, --packageManager [package-manager] | Specify a package manager to use | | list | List available templates | - | - | | add <template-name> <template-url> | Add a new template | - | - | | remove <template-name> | Remove an existing template | - | - | | update | Update the cli to the latest version | - | - | | ui | Open the web-based UI | -p, --port [port] |Specify port (number)| |-| -|-h, --host [host] | Specify hostname (string)| |- |-| -V,--version |Display version number| |-|-|-h,--help |Display available CLI options| | help [command] |Display help for command| --help |Display help for command| | ...| -| -| -|

Screenshots

p1 p2 p3

Repository

Topskys/action-cli

🛠️ Run

Development

# clone repo
git clone https://github.com/Topskys/action-cli.git

# install dependencies
pnpm install

# transform
pnpm run build

# global link
pnpm link

# todo
action create demo

Blog

实现一个自定义前端脚手架_前端自定义脚手架-CSDN博客

Thanks

【前端脚手架】实现一个自己的脚手架

【手把手教你实现前端脚手架】

【nebula-cli-frontend】