Adoption

Agent Skills are supported by leading AI development tools.

VS Code Gemini CLI GitHub Goose Amp Cursor Claude Code Letta OpenCode Claude OpenAI Codex Factory VS Code Gemini CLI GitHub Goose Amp Cursor Claude Code Letta OpenCode Claude OpenAI Codex Factory

timequity/edge-stack

Name: edge-stack
Author: timequity

skills/edge-stack/SKILL.md

npx skillsauth add timequity/vibe-coder edge-stack

Clean

TrivyContainer and dependency vulnerability scanner

Clean

SemgrepStatic code analysis for vulnerabilities

Clean

mcp-scan (Snyk)Model Context Protocol security validation

Skipped

Snyk (dep)Open source security scanning

Skipped

Socket.devSupply chain security analysis

Skipped

VirusTotalMulti-engine malware detection

Skipped

CrowdStrikeAdvanced threat intelligence

Skipped

OSV-ScannerOpen Source Vulnerability database check

Skipped

OWASP Dep-Check

Edge Stack

Ultra-fast edge-native web development: Hono + htmx + UnoCSS + D1

Stack Overview

| Layer | Tool | Why | |-------|------|-----| | Framework | Hono | Ultra-fast, TypeScript, JSX support | | Interactivity | htmx | Server-rendered, 14kb, no build step | | Styling | UnoCSS | Tailwind-compatible, instant builds | | Database | Cloudflare D1 | SQLite on edge, free tier | | Deploy | CF Workers/Pages | Global edge, zero cold start |

Quick Start

# Create project
pnpm create hono@latest my-app
# Select: cloudflare-workers

cd my-app
pnpm add htmx.org

wrangler.toml

name = "my-app"
compatibility_date = "2024-01-01"
main = "src/index.ts"

[[d1_databases]]
binding = "DB"
database_name = "my-db"
database_id = "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"

Basic App

import { Hono } from 'hono'
import { html } from 'hono/html'

type Bindings = { DB: D1Database }

const app = new Hono<{ Bindings: Bindings }>()

// Layout with htmx
const Layout = ({ children }: { children: any }) => html`
<!DOCTYPE html>
<html>
<head>
  <script src="https://unpkg.com/[email protected]"></script>
  <script src="https://cdn.jsdelivr.net/npm/@unocss/runtime"></script>
</head>
<body class="bg-gray-100 p-4">
  ${children}
</body>
</html>
`

// Page with htmx interactivity
app.get('/', (c) => {
  return c.html(
    <Layout>
      <h1 class="text-2xl font-bold mb-4">My App</h1>
      <button
        hx-get="/api/items"
        hx-target="#items"
        class="px-4 py-2 bg-blue-500 text-white rounded"
      >
        Load Items
      </button>
      <div id="items"></div>
    </Layout>
  )
})

// API returns HTML fragment
app.get('/api/items', async (c) => {
  const { results } = await c.env.DB
    .prepare('SELECT * FROM items')
    .all()

  return c.html(
    <ul class="mt-4 space-y-2">
      {results.map((item: any) => (
        <li class="p-2 bg-white rounded">{item.name}</li>
      ))}
    </ul>
  )
})

export default app

Commands

# Development
pnpm dev

# Create D1 database
wrangler d1 create my-db

# Run migration
wrangler d1 execute my-db --file=./schema.sql

# Deploy
wrangler deploy

When to Use

Good for:

Landing pages, marketing sites
CRUD apps, admin panels
Marketplaces, directories
Forms, surveys
Rapid prototyping

Not ideal for:

Heavy client-side interactivity (use SPA)
Real-time collaborative editing
Complex state management

References

hono.md — Routing, middleware, JSX, bindings
htmx-patterns.md — htmx with Hono patterns
unocss.md — UnoCSS setup, custom utilities
d1-database.md — D1 schema, queries, migrations
deployment.md — wrangler.toml, CI/CD, domains

timequity/edge-stack

skills/edge-stack/SKILL.md

Modern edge-native web stack: Hono + htmx + UnoCSS + Cloudflare D1. Use when: building server-rendered apps with interactivity, rapid prototyping, CRUD apps, landing pages, marketplaces. Zero cold start, global edge deployment, $0/month on CF free tier. TypeScript alternative to Rust/Axum + htmx stack.

development

Updated Apr 17, 2026

$ install --global

skillsauth

npx skillsauth add timequity/vibe-coder edge-stack

Install this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.

Security Scan Results

3 of 9 scanners reported clean

Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.

Scanners Passed

Scanners in report

Clean

TrivyContainer and dependency vulnerability scanner

95%

Clean

SemgrepStatic code analysis for vulnerabilities

95%

Clean

mcp-scan (Snyk)Model Context Protocol security validation

95%

Skipped

Snyk (dep)Open source security scanning

50%

Skipped

Socket.devSupply chain security analysis

50%

Skipped

VirusTotalMulti-engine malware detection

50%

Skipped

CrowdStrikeAdvanced threat intelligence

50%

Skipped

OSV-ScannerOpen Source Vulnerability database check

50%

Skipped

OWASP Dep-Check

50%

Last scanned: Apr 17, 2026, 8:21 AM4.6s6 files scanned

SKILL.md

name:: edge-stack
description:: |
Modern edge-native web stack:: Hono + htmx + UnoCSS + Cloudflare D1. Use when: building

Edge Stack

Ultra-fast edge-native web development: Hono + htmx + UnoCSS + D1

Stack Overview

Quick Start

# Create project
pnpm create hono@latest my-app
# Select: cloudflare-workers

cd my-app
pnpm add htmx.org

wrangler.toml

name = "my-app"
compatibility_date = "2024-01-01"
main = "src/index.ts"

[[d1_databases]]
binding = "DB"
database_name = "my-db"
database_id = "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"

Basic App

import { Hono } from 'hono'
import { html } from 'hono/html'

type Bindings = { DB: D1Database }

const app = new Hono<{ Bindings: Bindings }>()

// Layout with htmx
const Layout = ({ children }: { children: any }) => html`
<!DOCTYPE html>
<html>
<head>
  <script src="https://unpkg.com/[email protected]"></script>
  <script src="https://cdn.jsdelivr.net/npm/@unocss/runtime"></script>
</head>
<body class="bg-gray-100 p-4">
  ${children}
</body>
</html>
`

// Page with htmx interactivity
app.get('/', (c) => {
  return c.html(
    <Layout>
      <h1 class="text-2xl font-bold mb-4">My App</h1>
      <button
        hx-get="/api/items"
        hx-target="#items"
        class="px-4 py-2 bg-blue-500 text-white rounded"
      >
        Load Items
      </button>
      <div id="items"></div>
    </Layout>
  )
})

// API returns HTML fragment
app.get('/api/items', async (c) => {
  const { results } = await c.env.DB
    .prepare('SELECT * FROM items')
    .all()

  return c.html(
    <ul class="mt-4 space-y-2">
      {results.map((item: any) => (
        <li class="p-2 bg-white rounded">{item.name}</li>
      ))}
    </ul>
  )
})

export default app

Commands

# Development
pnpm dev

# Create D1 database
wrangler d1 create my-db

# Run migration
wrangler d1 execute my-db --file=./schema.sql

# Deploy
wrangler deploy

When to Use

Good for:

Landing pages, marketing sites
CRUD apps, admin panels
Marketplaces, directories
Forms, surveys
Rapid prototyping

Not ideal for:

Heavy client-side interactivity (use SPA)
Real-time collaborative editing
Complex state management

References

hono.md — Routing, middleware, JSX, bindings
htmx-patterns.md — htmx with Hono patterns
unocss.md — UnoCSS setup, custom utilities
d1-database.md — D1 schema, queries, migrations
deployment.md — wrangler.toml, CI/CD, domains

Related Skills

timequity/verification-gate

development

VerifiedTrustedCommunity

Hidden quality gate that runs before showing "Done!" to user - ensures all tests pass, build succeeds, and requirements met before claiming completion

SKILL.mdUpdated Apr 17, 2026

timequity/verification-gate

timequity/verification-before-completion

data-ai

VerifiedTrustedCommunity

Use when about to claim work is complete or fixed - requires running verification commands and confirming output before making any success claims

SKILL.mdUpdated Apr 17, 2026

timequity/verification-before-completion

timequity/ui-generator

tools

VerifiedTrustedCommunity

Generate UI components from natural language descriptions. Use when: user asks for a page, component, or UI element. Triggers: "create page", "add component", "show form", "make button", "страница", "компонент", "форма".

SKILL.mdUpdated Apr 17, 2026

timequity/ui-generator

timequity/theme-factory

content-media

VerifiedTrustedCommunity

10 ready-to-use themes with colors and fonts for consistent styling. Use when: applying visual themes to pages, components, or design systems. Triggers: "theme", "color palette", "color scheme", "fonts", "branding", "visual identity", "design system colors".

SKILL.mdUpdated Apr 17, 2026

timequity/theme-factory

Download

For Claude Desktop. Download once, then upload the file in the app — no terminal needed.

Need help? View full Cowork setup guide →

Install manually

Choose your platform

# Clone the repo
git clone https://github.com/timequity/vibe-coder.git

# Copy into Claude Code skills folder (global)
cp -r vibe-coder/skills/edge-stack ~/.claude/skills/

Claude Code Skills — official skills path docs.

Repository

timequity/vibe-coder

Compatible with

Claude Code

OpenAI Codex CLI

ChatGPT