bikeshavingbikeshavingOfficial·1 Agent Skills Included

crank

Build interactive web apps with plain JavaScript, no build step

Builds interactive web apps, dashboards, forms, widgets, and games as single-file HTML pages using the Crank.js framework. Eliminates build tools, bundlers, and framework boilerplate by writing components as plain JavaScript functions and generators. Converts React, Vue, or Svelte code to Crank and helps your agent ship working frontend prototypes faster.
npx skills add bikeshaving/crank --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install Crank?

Run `npx skills add bikeshaving/crank --all -g -y` in your terminal to install all tools in this suite globally.

What is Crank.js used for?

Crank.js is a UI framework for building web apps, dashboards, forms, and widgets using plain JavaScript functions, generators, and async/await instead of hooks or compilers.

Can I build a web app without a build step?

Yes. Crank's JSX template tag runs directly in the browser from a CDN, so a single HTML file is all you need for a working interactive app.

How is Crank different from React?

Crank uses generator functions and local variables for state instead of hooks, with explicit refresh calls and standard HTML attributes like class and onclick.

Does this skill work with Claude Code and Cursor?

Yes. The skill follows the universal SKILL.md standard and works in Claude Code, Cursor, Codex, and other compatible AI coding agents.

Related Repositories in Software Engineering

View All in Software Engineering