Bones
Simple HTML mockup framework for designers using ERB
Install / Use
/learn @scharfie/BonesREADME
Bones, the simple HTML mockup framework.
What it does:
- Provides a simple framework for creating views without worrying about controllers
- Allows the building of a complete static website out of views, partials, and layouts which can then be combined into full HTML pages for deployment onto ANY webserver.
Requirements:
- ActiveSupport
- rack (0.3.0 or later should work)
Starting it up:
- Install
sudo gem install scharfie-bones -s http://gems.github.com
- Generate:
bones my_bones_app
cd my_bones_app
-
Serve
rake server
-
Browse:
http://localhost:3000
Flatten your views into .html files:
- Cache
rake cache # without versioning
rake cache:versioned # with versioning
Then upload the entire public/ directory to your server.
Advanced features:
-
Use a base URL path when caching (for example, you need to deploy to example.com/mybonesapp)
rake cache BASE=/mybonesapp
-
Use custom cache directory
rake cache DESTINATION=/some/other/path
-
Dry-run (noop) for testing settings without creating any files
rake cache NOOP=true
Related Skills
diffs
343.3kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
1.9kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
