Skip to content
TrustedSkillsbeta
Back to all skills

Frontend Agent

Listed
first-fluke·vlatest·frontend·MIT

Automates frontend development tasks like code generation, testing, and deployment based on design specifications.

Repository

Install on your platform

This skill no longer installs under the name frontend-agent. first-fluke/oh-my-agent has no skill named "frontend-agent" any more. It was renamed, moved or deleted upstream.

We check each listing against its upstream repository with the rules the skills CLI uses, last on 2026-10-30. We don't show a command we know will fail.

Repository install instructions

What we know about this skill

Publisher

first-fluke

Taken from the source listing. We haven't verified who controls this account.

Install target

Live repository

Not pinned. Installing fetches whatever the repository holds at the time you run the command.

Nobody has reviewed this code. TrustedSkills indexes and links skills; it does not audit, run or scan them. A skill runs with whatever access you give your agent — read the source before you install it.

Automated safety checks

scanned

We could not read this skill's source, so none of the checks below were run.

Not scanned. none of the 94 skills in the repository match this slug — it was most likely renamed or removed upstream after the registry indexed it Source recorded as first-fluke/oh-my-ag.
This is a static scan, not a review. It reads the skill's files; it does not run them, and it cannot tell you whether the skill is any good or whether the code does what its description says. A skill runs with whatever access you give your agent.
What each check looks for →

About this skill

What it does

The Frontend Agent is designed to automate frontend development tasks, specifically focusing on building user interfaces and components based on design specifications. It assists with client-side logic, state management, styling (using TailwindCSS v4 + shadcn/ui), form validation, and integrating with backend APIs. The agent prioritizes performance and accessibility throughout the development process.

When to use it

This skill is useful for:

  • Building user interfaces and components
  • Implementing client-side logic and state management
  • Creating responsive designs
  • Handling form validation and user interactions
  • Integrating frontend code with backend APIs

Key capabilities

  • Utilizes shadcn/ui components, extending them via cva variants or composition.
  • Enforces a 1:1 mapping of code to Design Tokens.
  • Defaults to Server Components for performance optimization.
  • Mandates semantic HTML and accessibility best practices (ARIA labels, keyboard navigation).
  • Leverages pre-made hooks from ahooks.
  • Employs es-toolkit for utility functions; custom logic requires >90% test coverage.
  • Uses TanStack Query for server state management.

Example prompts

  • "Create a component for displaying user profile information, following the design tokens."
  • "Implement form validation using Zod and @tanstack/react-form for this signup page."
  • "Generate a loading skeleton component for the product listing feature."

Tips & gotchas

  • Component Strategy: Prioritize Server Components unless interactivity or API integration is required.
  • Design Tokens: Always refer to packages/design-tokens (OKLCH) as the source of truth for colors and avoid hardcoding them directly in your code.
  • Testing: Custom utility logic requires a minimum of 90% unit test coverage.