Why does this skill explicitly forbid the use of mod.rs files?

The Lightfriend codebase architecture uses named module files (e.g., home.rs) and declares them in an inline module block in main.rs to simplify the file structure.

Can this skill help with API authentication logic?

Yes, it includes patterns for protected routes that check for local storage tokens and automatically add Authorization headers to outgoing API requests.

Does this skill support Tailwind CSS or utility classes?

No, the Lightfriend project specifically uses CSS style blocks within the Yew html! macro rather than inline Tailwind classes to maintain styling consistency.

How do I preview a new page created with this skill?

Once the page is added and routed, navigate to the frontend directory and run 'trunk serve' to view the application at http://localhost:8080.

Lightfriend Yew Page Creator

Name: Lightfriend Yew Page Creator
Author: ahtavarasmus

byahtavarasmus

•

デザインツール

Streamlines the creation of new WebAssembly frontend pages and routing within the Lightfriend Yew framework.

概要

This skill provides a comprehensive, step-by-step workflow for adding new pages to the Lightfriend Yew-based frontend. It ensures strict adherence to project-specific patterns, such as avoiding mod.rs files, implementing route handlers in main.rs, and utilizing scoped CSS within the Yew html! macro. By automating the boilerplate for components, state management, and API integration, it helps developers maintain architectural consistency and accelerate the development of the Lightfriend cloud platform.

主な機能

Templates for authenticated and protected route patterns
2 GitHub stars
Standardized route and navigation integration in main.rs
Enforcement of project-specific module declaration rules to avoid mod.rs errors
Consistent API data fetching patterns using gloo_net and wasm_bindgen_futures
Automated boilerplate for Yew function components and state management

ユースケース

Implementing data-driven pages that require complex API interaction and loading states
Adding new feature dashboards or landing pages to the Lightfriend UI
Creating protected user profile or settings pages with authentication checks

概要

主な機能

Templates for authenticated and protected route patterns
2 GitHub stars
Standardized route and navigation integration in main.rs
Enforcement of project-specific module declaration rules to avoid mod.rs errors
Consistent API data fetching patterns using gloo_net and wasm_bindgen_futures
Automated boilerplate for Yew function components and state management

ユースケース

Implementing data-driven pages that require complex API interaction and loading states
Adding new feature dashboards or landing pages to the Lightfriend UI
Creating protected user profile or settings pages with authentication checks