---
title: Local Prototype JS API Docs
description: I like to have useful information accessible to me at a moment's notice.
image: https://resources.mutuallyhuman.com/hubfs/Imported_Blog_Media/prototype_fluid_app-0f12814f5aebbdc4ed91fd19a0fb02f825402a68009bc452eb9a9c749caea721-1.png
---

[Home](https://mutuallyhuman-pr-605.herokuapp.com/)

- [Team](https://mutuallyhuman-pr-605.herokuapp.com/team)
- [Work](https://mutuallyhuman-pr-605.herokuapp.com/work)
- [Blog](https://mutuallyhuman-pr-605.herokuapp.com/blog)
- [Contact](https://mutuallyhuman-pr-605.herokuapp.com/contacts)

# Local Prototype JS API Docs

By [Zach Dennis](https://resources.mutuallyhuman.com/test/author/zach-dennis) on 02 10 2009

 I like to have useful information accessible to me at a moment’s notice. I’m a fan of Sam Stephenson’s Prototype library and I really like the layout and usefulness of their API page, [http://api.prototypejs.org](http://api.prototypejs.org) . As much as I love going out to the internets to get the latest documentation I love it available locally. Here’s a short step by step on how to build Prototype’s docs locally.

 First, grab the Prototype source from github and make sure you’ve got updated submodules. Sprockets and PDoc are both needed to build Prototype’s documentation:

```

git clone git://github.com/sstephenson/prototype.git
cd prototype
git submodule init
git submodule update vendor/sprockets vendor/pdoc
```

 Next, you’ll need to make sure you have the following ruby libraries installed: rake, maruku, and treetop:

```

sudo gem install -r rake maruku treetop
```

 Now build the docs:

```

rake doc:build
```

 This will create a doc/ subdirectory with all of the html/js/css files. Open doc/index.html and you’re all set! Unfortunately the default template being used isn’t the same that is at [http://api.prototypejs.org](http://api.prototypejs.org) . There’s no nice sidebar. We can fix this by using [savetheclocktower’s](http://github.com/savetheclocktower/) prototype-pdoc templates. Change directories back to the directory where you had cloned prototype. We need to clone another project from github:

```

git clone git://github.com/savetheclocktower/prototype-pdoc-template.git
```

 Now all we’ve got to do is symlink the html templates from [prototype-pdoc-template](https://resources.mutuallyhuman.com/test/blog/2009/10/03/github.com/savetheclocktower/prototype-pdoc-template.git) into the prototype directory and rebuild the docs:

```

cd prototype/templates
mv html html.original
ln -s ../../prototype-pdoc-template/html html
rake doc:build
```

 That’s it! Open up doc/index.html and you’ll see the searchable sidebar. Now if you’re on OSX go create a [Fluid app](http://fluidapp.com/) for the docs and give it a nice Prototype icon. You can find a good PNG logo inside the Prototype project at templates/htmlimages/logo.png

 In the end it’s a beautiful thing to have quickly at your fingertips.

[![](https://resources.mutuallyhuman.com/hs-fs/hubfs/Imported_Blog_Media/prototype_fluid_app-0f12814f5aebbdc4ed91fd19a0fb02f825402a68009bc452eb9a9c749caea721-1.png?width=900&height=612&name=prototype_fluid_app-0f12814f5aebbdc4ed91fd19a0fb02f825402a68009bc452eb9a9c749caea721-1.png)](https://resources.mutuallyhuman.com/hubfs/Imported_Blog_Media/prototype_fluid_app-1.png)

### Related Topics

- [Uncategorized (106)](https://resources.mutuallyhuman.com/test/topic/uncategorized)
- [User Experience (20)](https://resources.mutuallyhuman.com/test/topic/user-experience)
- [Ruby (11)](https://resources.mutuallyhuman.com/test/topic/ruby)
- [Interaction Design (10)](https://resources.mutuallyhuman.com/test/topic/interaction-design)
- [JavaScript (9)](https://resources.mutuallyhuman.com/test/topic/javascript)

### Related Posts

### About Mutually Human

Mutually Human is a custom software design and development consultancy specializing in mobile and web-based products and services. We help our clients design, develop and bring to market innovative products and services based on insightful research and strategy aligned with business objectives. We’ve helped Fortune 500 companies, state governments, and startups.

- [Home](https://www.mutuallyhuman.com)
- [Team](https://www.mutuallyhuman.com/team)
- [Work](https://www.mutuallyhuman.com/work)
- [Blog](https://www.mutuallyhuman.com/blog)
- [Contact](https://www.mutuallyhuman.com/contacts)

logo

[Mutually Human Grand Rapids: 401 Hall St. SW Suite 430 Grand Rapids, MI 49503 USA](https://www.mutuallyhuman.com/contacts#grand-rapids)

[Mutually Human Columbus: 243 N. Fifth Street Suite 300 Columbus, OH 43215 USA](https://www.mutuallyhuman.com/contacts#columbus)

+1 616 475-4225

[hello@mutuallyhuman.com](mailto:hello@mutuallyhuman.com)

<https://twitter.com/mutuallyhuman/><https://www.linkedin.com/company/mutually-human-software> <https://www.facebook.com/mutuallyhuman/> <https://github.com/mhs>

© 2017 Mutually Human