frontend-web
Use when working with Astro, Svelte, SvelteKit, Svelte 5 runes, htmx, shadcn-svelte, frontend routing, UI forms, web client behavior, or Charm Bubble…
Skill by bnema
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/bnema-frontend-web
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/frontend-web
What's inside
- Skill name
frontend-web- Description
- Use when working with Astro, Svelte, SvelteKit, Svelte 5 runes, htmx, shadcn-svelte, frontend routing, UI forms, web client behavior, or Charm Bubble Tea/Bubbles/Lip Gloss/Huh Go terminal UIs.
- License
- MIT
- Instructions
- 13 lines in SKILL.md · view on GitHub
Files (16)
- SKILL.md
- SKILL.md · subskills/astro/
- SKILL.md · subskills/charm-tui-v2/
- bubbles-v2.md · subskills/charm-tui-v2/subskills/
- bubbletea-v2.md · subskills/charm-tui-v2/subskills/
- creative-components.md · subskills/charm-tui-v2/subskills/
- examples-index.md · subskills/charm-tui-v2/subskills/
- huh-v2.md · subskills/charm-tui-v2/subskills/
- lipgloss-v2.md · subskills/charm-tui-v2/subskills/
- SKILL.md · subskills/htmx/
- error-handling.md · subskills/htmx/references/
- events-and-api.md · subskills/htmx/references/
- extensions.md · subskills/htmx/references/
- headers-and-config.md · subskills/htmx/references/
- SKILL.md · subskills/shadcn-svelte/
- SKILL.md · subskills/svelte-and-sveltekit/
SKILL.md (first lines)
# Frontend Web Router Load only the matching sub-skill: | Trigger | Read | |---|---| | Astro, islands, content collections, view transitions, SSR, actions, adapters | `frontend-web/subskills/astro/SKILL.md` | | Svelte, SvelteKit, Svelte 5 runes, load functions, forms, hooks, remote functions | `frontend-web/subskills/svelte-and-sveltekit/SKILL.md` | | shadcn-svelte, bits-ui, formsnap, paneforge, vaul, embla, sonner | `frontend-web/subskills/shadcn-svelte/SKILL.md` | | htmx, hx-get, hx-post, hx-swap, hx-trigger, SSE, WebSockets, hypermedia UI | `frontend-web/subskills/htmx/SKILL.md` | | Charm Bubble Tea v2, Bubbles v2, Lip Gloss v2, Huh v2, Go terminal UIs, TUI forms/tables/lists/viewports | `frontend-web/subskills/charm-tui-v2/SKILL.md` |
From bnema/pi-public, MIT.
More from bnema/pi-public
- 0.497score
project-backlog
bnema
Use when managing per-project backlog folders, feature queues, async agent work items, lifecycle status updates, PR/done/blocked transitions, or status…
SkillCFreshness: C★ 1Claude Code +9 - 0.497score
code-review-release
bnema
Use when requesting or receiving code review, dispatching review subagents, running CodeRabbit, deep reviews, simplification/cleanup passes, local branch…
SkillCFreshness: C★ 1Claude Code +9 - 0.497score
exploring-codebases
bnema
Use when starting work in an unfamiliar repository, onboarding to a codebase, doing repository reconnaissance, or needing project-wide context before…
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
systems-backend
bnema
Use when writing or reviewing backend or systems code in Go, Rust, Odin, Zig, or database layers, including idioms, stdlib usage, schema design, queries…
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
documentation-pass
bnema
Use when a documentation pass is needed or docs, README, guides, examples, changelogs, or public explanations may be stale before PR.
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
github
bnema
Use when working with GitHub Actions workflows, reusable workflows, Dependabot, pull requests, PR review comments, CodeRabbit review feedback, PR checks, PR…
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
architecture-security
bnema
Use when reviewing architecture boundaries, hexagonal architecture, clean architecture layers, dependency direction, trust boundaries, uploads, parsers…
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
product-design-writing
bnema
Use when improving visual design, interface quality, dashboards, SaaS positioning, landing page copy, UX text, documentation, explanations, or other…
SkillCFreshness: C★ 1Claude Code +9 - 0.491score
agent-workflows
bnema
Use when prototyping, authoring agent skills, or asking the agent to zoom out and map unfamiliar code before acting.
SkillCFreshness: C★ 1Claude Code +9 - 0.489score
red-teaming-decisions
bnema
Use before committing to architecture, interface, migration, rollout, or consequential decisions, especially for critic/red-team passes.
SkillCFreshness: C★ 1Claude Code +9 - 0.472score
find-skills
bnema
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express…
SkillCFreshness: C★ 1Claude Code +9 - 0.462score
testing-debugging-verification
bnema
Use when writing tests, practicing TDD, debugging failures, flaky tests, Go Delve sessions, Go mocks, Rust tests, Go tests, or verifying changes before…
SkillCFreshness: C★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Jun 20, 2026 (4 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/bnema/pi-public
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from bnema
- 0.561score
automate-me
bnema
Drafts or revises a personal mode skill from working conventions, recent Pi sessions, and direct preferences.
SkillBFreshness: B★ 3Claude Code +9 - 0.541score
architect
bnema
Sketch types, signatures, and module structure before code, then stay in the loop while implementation fills in.
SkillBFreshness: B★ 3Claude Code +9 - 0.541score
interrogate
bnema
Use for "interrogate", "adversarial review", "multi-model review", "challenge this", "stress test this code", "find blind spots", or "tear this apart".
SkillBFreshness: B★ 3Claude Code +9 - 0.541score
poteto-mode
bnema
Poteto's agent style for concise, detailed responses, deliberate child agents, unslopped prose, simple code, and verified work.
SkillBFreshness: B★ 3Claude Code +9 - 0.536score
create-verification-skill
bnema
Generate a project-local verification skill that drives your app the way a user does — any language, framework, or platform.
SkillBFreshness: B★ 3Claude Code +9 - 0.536score
arena
bnema
Spawn N parallel candidates at the same task, pick a base, graft the strongest parts of the losers into it.
SkillBFreshness: B★ 3Claude Code +9
Cite this page
frontend-web skill. Agent Mart. https://agentmart.dev/skills/bnema-frontend-web (last updated 2026-10-24)