fullstack-dev

Name: fullstack-dev
Availability: InStock
Author: METR

Manage frontend and backend services with local library linking.

25|11|Updated Feb 6, 2025

Search Tags:#development #frontend #react #backend #fullstack #local dev

Ready to run

npx skills add https://github.com/METR/inspect-action --skill fullstack-dev-metr

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: fullstack-dev
Source: https://github.com/METR/inspect-action/tree/main/.claude/skills/fullstack-dev
Command: npx skills add https://github.com/METR/inspect-action --skill fullstack-dev-metr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the process of developing both the frontend and backend of an application concurrently, especially when making UI changes or setting up local development environments with linked libraries.

Core Features & Use Cases

Synchronized Development: Facilitates simultaneous work on frontend and backend components.
Local Environment Setup: Simplifies linking and running local versions of inspect_ai and inspect_scout libraries.
Use Case: When a developer needs to update a React component in the frontend and ensure it correctly interacts with the backend API, this Skill provides the necessary commands to run both services locally and link the libraries.

Quick Start

Run the local development server for the full-stack application.

Frequently Asked Questions about fullstack-dev

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

FAQPage Schema

How do I run frontend and backend services simultaneously for full-stack local development?▼

To run frontend and backend services simultaneously for full-stack local development, this Skill manages both processes concurrently. It requires Node.js for the React frontend and Python for the backend services, enabling synchronized workflows.

What's the best way to link local libraries during full-stack development?▼

The best way to link local libraries during full-stack development is using this Skill to connect and run local versions of inspect_ai and inspect_scout. It simplifies setting up integrated local environments for linked library testing.

Do I need Node.js and Python to develop full-stack applications with linked libraries?▼

Yes, you need Node.js and Python to develop full-stack applications with linked libraries using this Skill. Node.js handles the React frontend execution, while Python supports the backend services required for synchronized local development.

How does local library linking work when modifying React UI components?▼

Local library linking when modifying React UI components works by running both the frontend and backend services locally. This ensures your React component updates correctly interact with the backend API through the linked inspect_ai and inspect_scout libraries.

Can I synchronize UI modifications and backend API updates in a local dev environment?▼

You can synchronize UI modifications and backend API updates in a local dev environment using this Skill. It facilitates simultaneous work on frontend and backend components, ensuring integrated changes across your full-stack application.

Why won't my React frontend connect to the backend during local full-stack development?▼

If your React frontend won't connect to the backend during local full-stack development, ensure both services are running concurrently. This Skill provides the necessary commands to start both environments locally and link required libraries properly.