skills.rest
ruuxi
ruuxiCOMMUNITY
Explore all skills by this author →
GitHub

create-stella-app

Scaffold single-file Stella apps with routing metadata and valid slugs.

29|4|Updated Mar 18, 2026
Search Tags:#app generation#tsx#single-file app#app scaffolding#react component#custom app#stella
One-click install
npx skills add https://github.com/ruuxi/stella --skill create-stella-app
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-stella-app
Source: https://github.com/ruuxi/stella/tree/main/runtime/home-seed/skills/create-stella-app
Command: npx skills add https://github.com/ruuxi/stella --skill create-stella-app

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Building custom Stella apps requires manual setup of file structure, routing configuration, and app metadata, which is time-consuming and error-prone for users who just want to create a functional custom app quickly.

Core Features & Use Cases

  • Automated App Scaffolding: Generates a fully configured single-file Stella app with correct routing, metadata, and valid slug formatting in one step.
  • Safe File Creation: Validates app slugs and refuses to overwrite existing app files to prevent accidental data loss.
  • Use Case: If you want a custom habit tracker for your Stella workflow, use this Skill to generate the base app file instantly instead of manually creating the TSX component, adding metadata, and configuring dynamic routing.

Quick Start

Ask Stella to scaffold a new app named "habit-tracker" with the label "My Daily Habit Tracker" and she will generate the ready-to-edit app file automatically.

Frequently Asked Questions about create-stella-app

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

FAQPage Schema
How do I scaffold a custom single-file Stella app?▼

To scaffold a custom Stella app, request a new app name and label to automatically generate a TSX component file with preconfigured routing metadata and valid slug formatting in the desktop/src/app/_user directory.

What is a single-file app in Stella's routing system?▼

A single-file app in Stella is a TSX component containing both the application logic and routing metadata, enabling integration with Stella's dynamic app routing system without manual directory configuration.

How do I create a React component app without overwriting existing files?▼

When generating a custom Stella app, the Skill validates lowercase alphanumeric slugs and refuses to overwrite existing app files, preventing accidental data loss during app scaffolding.

Do I need to manually configure routing metadata for Stella apps?▼

No, you do not need to manually configure routing metadata. The scaffolding process automatically generates the required TSX component with preconfigured routing metadata for Stella's dynamic app routing system.

What format is required for app slugs when generating Stella apps?▼

App slugs must be valid lowercase alphanumeric strings to satisfy Stella's dynamic routing requirements. The scaffolding process validates this format before creating the single-file app.

Can I use this app scaffolding for complex multi-file React components?▼

This scaffolding is designed for single-file custom Stella apps. It generates one TSX component file with routing metadata, making it unsuitable for complex multi-file app architectures.

Related Skills

Explore More Software Engineering Skills→
ruuxiruuxi
29

stella-design

Align Stella desktop and create-stella-app UIs with design standards.

Community
Intermediate
rabbicserabbicse

react-expert

Build and refactor React 18+ components in TypeScript with Next.js App Router.

Community
Advanced
TW-NLPTW-NLP
91

web-artifacts-builder

Create interactive HTML artifacts from React projects with Tailwind CSS and shadcn/ui.

Community
Advanced
hopeoverturehopeoverture

worldcrafter-route-creator

Scaffold Next.js App Router routes with page, API, loading, and error files.

Community
Basic