skills.rest
ryokun6
ryokun6COMMUNITY
Explore all skills by this author →
Website𝕏@ryolu_GitHub

create-ryos-app

Scaffold ryOS applications with directory structure, components, and registry entries.

1.2k|183|Updated Jan 28, 2025
Search Tags:#React#TypeScript#scaffolding#localization#scaffold#app-architecture#ryOS
One-click install
npx skills add https://github.com/ryokun6/ryos --skill create-ryos-app
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-ryos-app
Source: https://github.com/ryokun6/ryos/tree/main/.cursor/skills/create-ryos-app
Command: npx skills add https://github.com/ryokun6/ryos --skill create-ryos-app

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill scaffolds ryOS applications by generating a complete, battle-tested app skeleton from established patterns.

Core Features & Use Cases

  • App scaffolding: Creates the standard directory structure and starter files for a new ryOS app.
  • Consistency enforcement: Applies uniform naming conventions, file layouts, and component templates across projects.
  • Registry & localization ready: Produces a ready-to-register entry in appRegistry.ts and initializes translation hooks for the app.
  • Quick iteration: Streamlines adding components, menu bars, hooks, and definitions in a repeatable workflow.

Quick Start

Follow these steps to scaffold a new ryOS app:

  • Create the app directory: src/apps/[app-name]/
  • Implement main component and related files as outlined in Directory Structure
  • Register the app in src/appRegistry.tsx with metadata and help items
  • Add translation keys under src/lib/locales/en/translation.json
  • Localize other locales as needed using the localize workflow

Frequently Asked Questions about create-ryos-app

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

FAQPage Schema
How do I scaffold a new React and TypeScript app for ryOS?▼

Scaffolding a new ryOS app generates a complete directory structure with main components, menu bars, logic hooks, and app definitions using React and TypeScript. It enforces uniform naming conventions and file layouts to ensure project consistency.

What is the standard file structure for ryOS app architecture?▼

The standard ryOS file structure places the main component, menu bar, logic hook, app definition, and localization hooks inside the src/apps/[app-name]/ directory. It enforces naming conventions and a 6-item help profile for architectural consistency.

How do I register a new app in the ryOS app registry?▼

Registering a new app involves adding metadata and help items to src/appRegistry.tsx. This skill automatically produces a ready-to-register entry during scaffolding, integrating the new app directly with the system without requiring external tooling.

Do I need external tooling to add localization hooks to a ryOS app?▼

No external tooling is needed for ryOS app localization. This skill initializes translation hooks natively, requiring only manual addition of translation keys under src/lib/locales/en/translation.json and subsequent localization of other locales as needed.

Can I use ryOS scaffolding to enforce app architecture consistency across projects?▼

Yes, ryOS scaffolding enforces app architecture consistency by applying uniform file layouts, component templates, and naming conventions across projects. It generates a battle-tested app skeleton ensuring every new app follows established structural patterns.

Related Skills

Explore More Software Engineering Skills→
flpbaladaflpbalada
280

project-structure

Organize React/Next.js/TypeScript projects by feature-based architecture.

Community
Basic
ryokun6ryokun6
1.2k

localize

Extract hardcoded strings and replace them with translation keys in ryOS apps.

Community
Intermediate
fjrevoredofjrevoredo
287

add-locale

Automate adding new language and locale files to Mini Diarium's JSON translation system.

Community
Intermediate
trycompaitrycompai
1.8k

code

Enforce type safety and component patterns in TypeScript and React code.

Official
Intermediate