Skills
.Work. You
Rest

lightfriend-add-frontend-page

Community

Add new Yew frontend pages fast and consistently.

Software Engineering#frontend#routing#rust#webassembly#module#yew
Authorahtavarasmus
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Adding new pages to the Lightfriend Yew frontend requires repetitive boilerplate and careful wiring to routing, module declarations, and navigation, slowing UI iteration and increasing the risk of inconsistencies.

Core Features & Use Cases

  • Clear, repeatable steps to scaffold a new frontend page with a consistent structure (page module, route, switch, and optional navigation).
  • Reduces cognitive load by providing concrete code patterns and integration points for Yew routes and components.
  • Use Case: A developer adds a new page named "Profile" and wires it into main.rs, updates the ROUTE enum, and tests the route in trunk serve.

Quick Start

Create a new page module under frontend/src/pages, register it in main.rs, and run trunk serve to verify.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: lightfriend-add-frontend-page
Download link: https://github.com/ahtavarasmus/lightfriend/archive/main.zip#lightfriend-add-frontend-page

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.