crank-component-authoring
OfficialAuthor interactive Crank apps in a single file.
Authorbikeshaving
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Enables developers to author interactive Crank.js components directly in a single-file HTML without a build step, reducing setup time and enabling rapid prototyping. It also supports migrating from other frameworks by providing a familiar component model based on generators, promises, and JSX/template tags.
Core Features & Use Cases
- Write generator, async, and async generator components in plain JavaScript or JSX templates.
- Render standalone UI demos and greenfield front-end projects without bundlers or transpilers.
- Use when converting code from React, Vue, Svelte, or Solid to Crank, or when building quick, interactive HTML artifacts.
Quick Start
Create a minimal single-file HTML app that imports Crank's standalone module and renders a small Counter component directly in the page.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: crank-component-authoring Download link: https://github.com/bikeshaving/crank/archive/main.zip#crank-component-authoring Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.