AI SummaryHono skill teaches developers the key patterns and APIs specific to the Hono web framework, helping them avoid Express-style mistakes and leverage Hono's context-based, async-first design across multiple runtimes.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to install the "hono" skill in my project. Please run this command in my terminal: # Install skill into the correct directory mkdir -p .claude/skills/hono-skill && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/hono-skill/SKILL.md "https://raw.githubusercontent.com/tlq5l/hono-skill/main/SKILL.md" Then restart Claude Code (or reload the window in Cursor) so the skill is picked up.
Description
Hono web framework patterns: Context-based API (not Express req/res), async middleware, Cloudflare/Bun/Node adapters, typed routes. Use when working with Hono projects.
Hono Web Framework Skill
> Lightweight, multi-runtime web framework. Key patterns that differ from Express.
Minimal App
`typescript import { Hono } from 'hono' const app = new Hono() app.get('/', (c) => c.text('Hello Hono!')) export default app `
Key Differences from Express
| Express | Hono | |---------|------| | req.params.id | c.req.param('id') | | res.json(data) | return c.json(data) | | next() callback | await next() async | | process.env | c.env (Workers) |
Context Object (NOT req/res)
`typescript app.get('/users/:id', (c) => { const id = c.req.param('id') // NOT req.params.id const page = c.req.query('page') // NOT req.query.page const auth = c.req.header('Authorization') const body = await c.req.json() // JSON body // OR const form = await c.req.parseBody() // Form data return c.json({ id, page }) // MUST return }) ` Must return response: `typescript // ❌ Wrong - missing return app.get('/', (c) => { c.json({ ok: true }) }) // ✅ Correct app.get('/', (c) => { return c.json({ ok: true }) }) `
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster