Agentient Frontend Tools

Agentient Frontend Tools from Agentient/vibekit.

by @agentient 5 skills

Install

npx skillmds@latest add plugin:agentient/agentient-frontend-tools

One command, no setup. In Claude Code it lands as a managed plugin you can enable, disable or remove with /plugin. On any other agent it installs the 5 skills into that agent's own folder.

Or inside Claude Code

In the Plugins tab, add this marketplace:

skillmds/skillmd
/plugin install agentient-agentient-frontend-tools@skillmd

Adds the marketplace once; later plugins need the second line only.

Or install by hand

Download the plugin and unzip its skills/ folder into your agent's skills directory. Works with every agent, no CLI needed.

Download plugin Paths per agent

Just the markdown? SKILL.md files only.

This plugin

skills: 5
authors: 1

Published by a registry member. Review its skills before installing.

Skills in this plugin

▌
Typescript Prop Definition · agentient
TypeScript interface conventions, JSDoc comments, generics, utility types, and cva + VariantProps patterns. Keywords: "props", "interface", "types", "typescript", "generics", "VariantProps"

2 installs
▌
Web Accessibility Patterns · agentient
Web accessibility patterns: semantic HTML, ARIA attributes, keyboard navigation, screen reader support, focus management. Keywords: "accessibility", "a11y", "aria", "screen reader", "keyboard", "semantic html"

2 installs
▌
Nextjs Project Scaffolding · agentient
Opinionated Next.js 14+ project structure and configuration. Use when scaffolding new projects, setting up folder structure, or configuring tsconfig.json, eslint, prettier. Activated by keywords: "new project", "scaffold", "initialize", "project structure", "setup".

2 installs
▌
Firebase Nextjs Integration Strategies · agentient
Next.js 14+ App Router integration with Firebase, including server/client SDK separation, data fetching in Server Components, real-time listeners, middleware patterns, and optimistic updates with caching. Keywords: "nextjs", "app router", "server component", "client component", "middleware", "integration"

2 installs
▌
Nextjs App Router File Conventions · agentient
Special file conventions in Next.js 14+ App Router (page, layout, loading, error, route). Use when creating pages, layouts, API routes, or understanding file-based routing. Keywords: "new page", "layout", "loading state", "error boundary", "api route", "file convention".

2 installs