skills.rest
Maple-and-Spruce
Maple-and-SpruceOFFICIAL
Explore all skills by this author →
GitHub

local-development

Run functions, web app, and Storybook locally with nx-based commands.

Updated Oct 4, 2025
Search Tags:#debugging#storybook#functions#local-development#emulator#web-app
One-click install
npx skills add https://github.com/Maple-and-Spruce/maple-and-spruce --skill local-development-maple-and-spruce
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: local-development
Source: https://github.com/Maple-and-Spruce/maple-and-spruce/tree/main/.claude/skills/local-development
Command: npx skills add https://github.com/Maple-and-Spruce/maple-and-spruce --skill local-development-maple-and-spruce

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Local development for the Maple-Spruce project, enabling developers to run functions and the web app on their machines, diagnose emulator issues, and work with Storybook.

Core Features & Use Cases

  • Run functions locally with emulator and dev server.
  • Run the web app locally and verify changes.
  • Develop UI components with Storybook and iterate rapidly.
  • Troubleshoot common emulator and build issues during local development.

Quick Start

Start the local development workflow by launching the functions emulator, web app server, and Storybook locally.

Frequently Asked Questions about local-development

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

FAQPage Schema
How do I run functions locally with an emulator and dev server?▼

Local development for functions is achieved by launching the emulator and dev server using nx-based commands. This allows you to run, test, and debug functions directly on your machine within the monorepo.

How do I develop and verify UI components with Storybook in a monorepo?▼

Storybook is used to develop UI components and iterate rapidly during local development. By running Storybook locally, you can build and verify UI changes in isolation before integrating them into the web app.

Why does my emulator fail to start during local development?▼

Emulator troubleshooting during local development involves checking environment-variable handling and verifying nx-based command execution. Common build and startup issues can be diagnosed by reviewing these local configurations.

Do I need environment variables configured to run the web app locally?▼

Yes, environment-variable handling is required for local development. Configuring environment variables ensures the web app and functions emulator operate correctly on your dev server and connect properly.

What is the best way to debug a web app locally in an nx workspace?▼

The best way to debug a web app locally in an nx workspace is to start the dev server and functions emulator. This setup enables you to run the web app, verify changes, and troubleshoot build issues during local development.

Related Skills

Explore More Software Engineering Skills→
Montte-erpMontte-erp
6

nx-plugins

Discover and install Nx plugins to extend an Nx workspace.

Official
Basic
aaaa47080aaaa47080
4

deploy

Run tests, push changes, and validate health in production deployments.

Community
Intermediate
TNHoang2708TNHoang2708
1

ck:test

Execute unit, integration, end-to-end, and UI tests on codebases.

Community
Advanced
thangvawnthangvawn

docker-patterns

Implement Docker and Docker Compose best practices for containerized development.

Community
Advanced