skills.rest
thmtz
thmtzCOMMUNITY
Explore all skills by this author →
GitHub

frontend-engineer

Enforce a build-test-verify workflow for Next.js, Vite, and HTML/CSS projects.

5|Updated Apr 2, 2026
Search Tags:#typescript#workflow#accessibility#frontend#react#nextjs#vite
One-click install
npx skills add https://github.com/thmtz/nanoclaw-fleet --skill frontend-engineer-thmtz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-engineer
Source: https://github.com/thmtz/nanoclaw-fleet/tree/main/container/skills/frontend-engineer
Command: npx skills add https://github.com/thmtz/nanoclaw-fleet --skill frontend-engineer-thmtz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This discipline enforces a rigorous build-test-verify workflow for every web project, ensuring quality from code to browser rendering and preventing premature releases.

Core Features & Use Cases

  • Enforce end-to-end frontend workflows for Next.js, Vite, and plain HTML/CSS projects.
  • Ensure sites are built, tested, responsive, accessible, and visually verified in real browsers before deployment.
  • Use alongside vercel-cli to achieve production-quality deployments across environments and teams.
  • Provide a repeatable, audit-friendly process that reduces regressions and manual handoffs.

Quick Start

Apply the frontend-engineer workflow to a new project by enforcing the end-to-end build-test-verify cycle and verify the result in a real browser.

Frequently Asked Questions about frontend-engineer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce a production-grade build-test-verify workflow for Next.js and Vite?▼

To enforce a production-grade build-test-verify workflow for Next.js and Vite, automate quality checks requiring TypeScript, semantic HTML, and responsive design before visual verification in real browsers. This prevents premature releases and ensures rendering quality.

What is a strict frontend workflow for preventing premature web deployments?▼

A strict frontend workflow for preventing premature web deployments is an automated, audit-friendly process enforcing end-to-end building, testing, and visual verification. It requires TypeScript and semantic HTML to reduce regressions and manual handoffs.

Does this frontend workflow support plain HTML and CSS projects without React?▼

Yes, this frontend workflow supports plain HTML and CSS projects alongside Next.js and Vite stacks. It applies the same rigorous build-test-verify cycle to ensure accessibility and responsive design before deployment.

How do I integrate vercel-cli with a frontend build and test cycle?▼

You integrate vercel-cli with a frontend build and test cycle by using it for deployment after the automated workflow visually verifies your project. This combination achieves production-quality deployments across environments while maintaining an audit-friendly process.

Why do I need TypeScript and semantic HTML for automated frontend verification?▼

You need TypeScript and semantic HTML for automated frontend verification because they are required prerequisites to enforce production-grade quality. This combination ensures responsive design practices and accessibility are met before browser rendering checks.

Related Skills

Explore More Software Engineering Skills→
BartunekBartunek

frontend-engineer

Enforce build, test, and visual verification workflows for frontend projects.

Community
Advanced
acejou27acejou27

vercel

Deploy and manage applications on Vercel using the Vercel CLI.

Community
Advanced
LinusConradMLinusConradM

qa-tester

Audit the CRPD Dashboard for QA and WCAG accessibility issues.

Community
Intermediate
fsollafsolla

ci-cd-and-automation

Configure GitHub Actions workflows to run linting and unit tests on pull requests.

Community
Advanced