kvnwolf
@kvnwolf
Public Skills
tanstack-form
by kvnwolf
Build type-safe, accessible forms with TanStack Form and Base UI Field. Consult this skill whenever creating forms, adding form validation, using useAppForm, adding or modifying form fields, handling form submission, or any work involving form state management.
environment-variables
by kvnwolf
Manage and validate environment variables using t3-env with Zod. Consult this skill whenever adding, modifying, or referencing environment variables, working with .env or .env.local files, configuring t3-env schemas, dealing with VITE_ prefixed variables, or separating client vs. server variables.
setup-base
by kvnwolf
Bootstrap a new TypeScript project with Biome, t3-env, Knip, tsgo, and Vitest. Consult this skill whenever starting a new project, initializing a TypeScript codebase, setting up linting and formatting, or scaffolding a project from scratch.
create-test
by kvnwolf
Write automated tests following TDD principles: red-green-refactor, vertical slices, behavior over implementation. Consult this skill whenever creating tests, adding test coverage, writing test-first code, fixing a bug with a regression test, or any task that involves verifying behavior through automated tests.
create-e2e-test
by kvnwolf
Write end-to-end tests with Playwright Test for full user flow verification. Consult this skill whenever testing complete user flows, verifying multi-page interactions, testing authentication flows, or creating E2E tests that exercise the full application stack.
create-component-test
by kvnwolf
Write component tests using Vitest Browser Mode with Playwright for real-browser testing. Consult this skill whenever testing React components, writing browser-based tests, verifying UI behavior, testing forms or interactive elements, or deciding whether a component needs a test.
setup-tanstack-start
by kvnwolf
Bootstrap a new web project with TanStack Start, React, Tailwind CSS v4, and shadcn/ui on top of the base tooling stack. Consult this skill whenever creating a web app, setting up a frontend project, starting a React application, or initializing anything involving TanStack Start, TanStack Router, TanStack Query, Tailwind, shadcn, or Vite.
agent-browser
by kvnwolf
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.
polymorphic-components
by kvnwolf
Implement the render prop pattern with Base UI's useRender hook for polymorphic components. Consult this skill whenever changing which HTML element or React component a component renders as, composing Base UI primitives, adding router Link integration to buttons, migrating from asChild to render prop, or implementing element composition.
commit
by kvnwolf
Wrap up work by syncing documentation, committing changes, pushing to the remote, and opening a pull request. Consult this skill whenever committing code, pushing changes, creating a pull request, or finishing a task that involves documentation updates — including partial workflows like "just commit" or "push and create a PR."
create-skill
by kvnwolf
Write, structure, and improve agent skills following best practices. Consult this skill whenever creating a new skill, improving an existing skill's description or body, structuring a SKILL.md file, or deciding how to organize skill content — even for quick fixes like rewriting a description that undertriggers.