Toolverse
All skills

create-ryos-app

by ryokun6

Create new applications for ryOS following established patterns and conventions. Use when building a new app, adding an application to the desktop, creating app components, or scaffolding app structures.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
ryokun6
Category
Frontend

About this skill

Create new applications for ryOS following established patterns and conventions. Use when building a new app, adding an application to the desktop, creating app components, or scaffolding app structures.

How to use

  1. Uruchom skill create-ryos-app w Cursor, podając nazwę nowej aplikacji (np. "my-app"). Skill utworzy strukturę katalogów w src/apps/[app-name]/ z wszystkimi wymaganymi plikami.

  2. Zdefiniuj metadane aplikacji w pliku index.tsx: ustaw nazwę, wersję, ikonę i dokładnie 6 elementów pomocy (każdy z ikoną emoji, tytułem i opisem). Metadane będą wyświetlane w systemie ryOS.

  3. Utwórz główny komponent aplikacji w components/[AppName]AppComponent.tsx oraz menu bar w components/[AppName]MenuBar.tsx. Skill wygeneruje szablony, które dostosuj do logiki swojej aplikacji.

  4. Dodaj logikę biznesową w hooks/use[AppName]Logic.ts. Hook powinien zawierać stan i funkcje obsługujące interakcje użytkownika.

  5. Umieść ikonę aplikacji w public/icons/default/[app-name].png (format PNG, rozmiar zgodny z konwencją ryOS).

  6. Zarejestruj aplikację w src/config/appRegistry.tsx, aby pojawiła się na pulpicie. Dodaj angielskie klucze tłumaczeń do src/lib/locales/en/translation.json, a następnie użyj skill localize do synchronizacji pozostałych języków.

Related skills

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335

keyword-research

by openclaw

Discovers high-value keywords with search intent analysis, difficulty assessment, and content opportunity mapping. Essential for starting any SEO or GEO content strategy.

Frontend
24138

browser-automation

by browserbase

Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications. Triggers include \

Frontend
21175

bubbletea

by hmans

Browse Bubbletea TUI framework documentation and examples. Use when working with Bubbletea components, models, commands, or building terminal user interfaces in Go.

Frontend
2158

markitdown

by K-Dense-AI

Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized for LLM processing. Use when converting documents to markdown, extracting text from PDFs/Office files, transcribing audio, performing OCR on images, extracting

Frontend
75173

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896