node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »



Brightspot Silhouette is a project scaffolding tool geared toward front-end web development. At the start of your Brightspot project, it's meant to get you up and running quickly by automating the inclusion of a standard front-end toolchain, a standard structure of directories and a baseline of conventions.

Here's what you can expect Silhouette to scaffold and install:

  • .editorconfig
  • .gitignore
  • .jshintrc
  • favicon.ico
  • package.json
  • ES6 and System.js support
  • jspm
  • A Javascript application bootstrap
  • An example Javascript module
  • the following directory structure under:


First, you'll need to download and build a copy of Brightspot You can follow the quick install instructions if you'd like. At this time, they are the following:

mvn archetype:generate -B \
    -DarchetypeRepository= \
    -DarchetypeGroupId=com.psddev \
    -DarchetypeArtifactId=cms-app-archetype \
    -DarchetypeVersion=3.0-SNAPSHOT \ \

Since Silhouette is a Yeoman generator, you'll need to install Yeoman and then install the Silhouette generator.

$ npm install -g yo
$ npm install -g generator-brightspot-silhouette


At the root of your Brightspot project, run the following command:

$ yo brightspot-silhouette <<YOUR_APP_NAME>>


  • CSS pre-processor scaffolds
    • Less
    • Sass
  • Build scaffolds
    • grunt
    • gulp