pwa-inspecciones-obra

Develop a Progressive Web App for obra inspections with React/TypeScript and Node.js/Express.

Updated Jan 20, 2026
One-click install
npx skills add https://github.com/royarzunsaire/atravieso_y_paralelismo_efe --skill pwa-inspecciones-obra
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pwa-inspecciones-obra
Source: https://github.com/royarzunsaire/atravieso_y_paralelismo_efe/tree/main/specs
Command: npx skills add https://github.com/royarzunsaire/atravieso_y_paralelismo_efe --skill pwa-inspecciones-obra

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the complexity of developing and maintaining a full-stack Progressive Web App for obra inspections within the EFE system, providing unified guidance for React/TypeScript frontend, Node.js/Express backend, Power Automate flows, and SharePoint integration.

Core Features & Use Cases

  • Full-Stack PWA Guidance: Covers React/TypeScript with Vite and Tailwind CSS on the frontend, Node.js/Express with JWT and in-memory caching on the backend, and Power Automate flow orchestration.
  • Business Logic Enforcement: Defines patterns for non-decreasing obra progress, conditional closure workflows, optional user notifications, and delegated document filtering.
  • Spec-Driven Development Process: Establishes a predictable workflow using surgical edits, grep verification, and clear data propagation rules across backend routes, frontend services, React contexts, and screen components.

Quick Start

Use the pwa-inspecciones-obra skill to implement the conditional FAB logic that switches between the new inspection button and the obra closure button based on the last inspection progress value.

Frequently Asked Questions about pwa-inspecciones-obra

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

FAQPage Schema
How do I build a Progressive Web App for construction inspections using React and TypeScript?

To build a Progressive Web App for construction inspections, you need a React and TypeScript frontend with Vite and Tailwind CSS, a Node.js/Express backend, and SharePoint data workflows with Power Automate integration.

How do I enforce non-decreasing progress rules in an obra inspection app?

To enforce non-decreasing progress rules in an obra inspection app, implement business logic patterns in your React frontend and Node.js backend that validate inspection values and prevent regression before saving to SharePoint.

Does Power Automate work with Node.js and SharePoint for construction inspection workflows?

Yes, Power Automate works with Node.js and SharePoint for construction inspection workflows by orchestrating data propagation, handling conditional closure workflows, and managing optional user notifications across the EFE system.

How do I implement conditional floating action button logic based on inspection progress in React?

To implement conditional floating action button logic in React, switch between the new inspection button and the obra closure button by evaluating the last inspection progress value within your React context and screen components.

What is the best way to manage state and caching for a full-stack PWA with Node.js and SharePoint?

The best way to manage state and caching for a full-stack PWA with Node.js and SharePoint is using React contexts for frontend state and JWT with in-memory caching on the Node.js/Express backend for data workflows.

Can I use spec-driven development workflows for surgical edits in a TypeScript and React codebase?

Yes, you can use spec-driven development workflows for surgical edits in a TypeScript and React codebase by applying grep verification and clear data propagation rules across backend routes, frontend services, and components.