app

Plan and scaffold cross-platform web, mobile, and desktop app development.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/runablehq/sandbox-app-template --skill app-runablehq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: app
Source: https://github.com/runablehq/sandbox-app-template/tree/main/skills/app
Command: npx skills add https://github.com/runablehq/sandbox-app-template --skill app-runablehq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams plan and deliver cross-platform apps by providing a unified blueprint for web, mobile, and desktop development, including scaffolding for pages, APIs, authentication, payments, and optional AI and email modules.

Core Features & Use Cases

  • Unified architecture planning: plan end-to-end app structure across web, mobile, and desktop from a single template.
  • Scaffolding and workflow guidance: outline pages, screens, API routes, and database schema with best practices.
  • Platform integration guidance: covers web, mobile, and desktop configurations and deployment considerations, including app.config.json port conventions.
  • Use Case: when starting a new multi-platform project, use this Skill to align packages, routes, and modules before coding.

Quick Start

Create a comprehensive app plan and scaffold across web, mobile, and desktop using the provided template.

Frequently Asked Questions about app

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

FAQPage Schema
How do I plan and scaffold a full-stack app for web, mobile, and desktop from a single codebase?

Scaffolding a full-stack app from a single codebase involves planning pages, screens, API routes, and database schema across web, mobile, and desktop. This Skill provides a unified blueprint to align packages, routes, and modules before coding.

What's the best way to structure API routes and database schema for cross-platform app development?

Structuring API routes and database schema for cross-platform apps requires enforcing project-wide conventions. You can outline pages, screens, and API routes using a unified template that standardizes architecture across web, mobile, and desktop deployments.

Can I use a single codebase template to implement authentication and payments for web and mobile apps?

Yes, you can implement authentication and payments for web and mobile apps using a single codebase template. The Skill includes scaffolding and workflow guidance for these modules, ensuring best practices across all targeted platforms.

Do I need to use app.config.json for port configurations in a multi-platform app project?

Yes, using app.config.json for port configurations is required to avoid hard-coded ports in multi-platform app projects. This enforces project-wide conventions and ensures consistent platform integration across web, mobile, and desktop environments.

What is the process for adding optional AI agent and email modules to a cross-platform app?

Adding optional AI agent and email modules to a cross-platform app involves extending the unified architecture plan. The Skill provides specific scaffolding guidance to integrate these features alongside core pages, APIs, and authentication modules.

When should I use a unified architecture blueprint for app development instead of separate platform templates?

You should use a unified architecture blueprint when starting a new multi-platform project to align packages, routes, and modules before coding. It prevents fragmentation by covering web, mobile, and desktop configurations from a single template.