skills.rest
METR
METROFFICIAL
Explore all skills by this author →
WebsiteGitHub

full-stack-dev

Coordinate frontend and backend development for Hawk's web UI and API.

49|33|Updated Mar 23, 2026
Search Tags:#development#devops#full-stack#frontend#backend#hawk
One-click install
npx skills add https://github.com/METR/hawk --skill full-stack-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: full-stack-dev
Source: https://github.com/METR/hawk/tree/main/hawk/.claude/skills/fullstack-dev
Command: npx skills add https://github.com/METR/hawk --skill full-stack-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Coordinated development of Hawk's frontend and backend in a single repository to keep UI changes aligned with API behavior and deployment configurations.

Core Features & Use Cases

  • Coordinated full-stack development within the Hawk repo to ensure UI components and backend services stay in sync.
  • Easy integration with Inspect AI and Inspect Scout frontend components, allowing changes to propagate across the stack.
  • Clear local development setup and run instructions that unify frontend and backend startup and environment generation.

Quick Start

Set up the local development environment and start both frontend and backend to run Hawk from the repository root.

Frequently Asked Questions about full-stack-dev

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

FAQPage Schema
How do I coordinate frontend and backend development in a single repository?▼

Coordinated frontend and backend development in a single repository ensures UI components and backend services stay in sync. It unifies local development setup, startup scripts, and environment generation across the web UI and API.

How do I set up a local development environment for full-stack web applications?▼

Full-stack local development setup unifies frontend and backend startup from the repository root. You generate local environments and orchestrate dev scripts to run both the web UI and API services together.

Does Pulumi work with full-stack development environments for cloud deployment?▼

Pulumi supports full-stack development environments by managing deployment configurations. It integrates cross-component settings between the API and web UI, applying configurations seamlessly across local and cloud environments.

What is the best way to keep UI changes aligned with API behavior during full-stack development?▼

The best way to keep UI changes aligned with API behavior is coordinated full-stack development within a single repository. This ensures changes propagate across the stack, integrating frontend components directly with backend API services.

Can I integrate Inspect AI components with my existing frontend and backend stack?▼

You can integrate Inspect AI and Inspect Scout frontend components with your existing stack. This integration allows changes to propagate across the full stack, keeping frontend UI and backend services synchronized.

Why are my frontend and backend changes out of sync after deployment configuration updates?▼

Frontend and backend changes fall out of sync when deployment configurations are not coordinated cross-component. Applying unified Pulumi-based settings across the web UI and API ensures both environments reflect identical deployment configurations.

Related Skills

Explore More Software Engineering Skills→
namanchopranamanchopra
5

update-claude-settings

Generates Claude Code settings.local.json with permissions and MCP server configs based on detected tech stack and services.

Community
Advanced
bklitbklit
1.5k

shadcn

Manage shadcn/ui component lifecycle and configuration in React projects.

Official
Advanced
databricks-solutionsdatabricks-solutions
1.8k

databricks-app-apx

Builds full-stack Databricks applications with FastAPI backend and React frontend.

Official
Advanced
tacogipstacogips

exec-impl-plan-ref

Coordinate implementation plan tasks with PROGRESS.json tracking and locking.

Community
Advanced