What does this skill specifically help with?

It assists in maintaining the SvelteKit frontend for the Texinroistot project, focusing on pages, layouts, loaders, and API route wiring.

How does it maintain code consistency?

It enforces project-specific naming conventions for +page and +layout files and adheres strictly to the existing formatting and linting expectations of the repository.

Does it handle build validation?

Yes, it follows a strict workflow that includes running npm check, lint, and build commands to ensure code quality before finalizing any changes.

Can I use it for backend-frontend API changes?

Absolutely. It is designed to handle API contract wiring, ensuring that frontend fetch calls and backend handlers are updated simultaneously to prevent breaking changes.

SvelteKit Frontend Manager

Name: SvelteKit Frontend Manager
Author: kokkoniemi

bykokkoniemi

0•

Herramientas de Diseño

Manages and maintains SvelteKit frontend components, routing, and API integrations within the Texinroistot ecosystem.

This skill provides specialized guidance for developing the Texinroistot UI using the SvelteKit framework. It streamlines the creation and maintenance of Svelte pages, layouts, and server-side logic while ensuring strict adherence to project-specific coding standards and architectural patterns. By automating the validation process—including linting, type checking, and build verification—it helps developers maintain a consistent codebase and ensures seamless API contract wiring between the frontend and backend services.

Características Principales

01Ensures consistent project directory structures and naming conventions

02Automates frontend validation using project-specific npm scripts

03Manages server-side loaders and API route logic

04Streamlines SvelteKit page and layout creation

050 GitHub stars

06Synchronizes frontend fetch usage with backend API handlers

Casos de Uso

01Implementing new API endpoints and wiring them to Svelte frontend components

02Refactoring existing routes while maintaining build and lint compliance

03Updating UI components and layouts within the texinroistot-ui directory

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kokkoniemi/texinroistot texinroistot-sveltekit-frontend

For use in Claude.ai and ChatGPT

Características Principales

01Ensures consistent project directory structures and naming conventions

02Automates frontend validation using project-specific npm scripts

03Manages server-side loaders and API route logic

04Streamlines SvelteKit page and layout creation

050 GitHub stars

06Synchronizes frontend fetch usage with backend API handlers

Casos de Uso

01Implementing new API endpoints and wiring them to Svelte frontend components

02Refactoring existing routes while maintaining build and lint compliance

03Updating UI components and layouts within the texinroistot-ui directory

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kokkoniemi/texinroistot texinroistot-sveltekit-frontend

For use in Claude.ai and ChatGPT