developing-lt-frontend
OfficialNuxt 4 frontend dev with best practices.
AuthorlenneTech
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill codifies lenne.tech frontend development with Nuxt 4, Nuxt UI 4, strict TypeScript, Valibot forms, and generated backend API types (types.gen.ts, sdk.gen.ts). It enforces consistent project structure and clean integration between frontend and backend in monorepos.
Core Capabilities
- Enforces Nuxt 4 patterns (app/ directory, useFetch, useState, SSR, hydration)
- Uses generated backend types (types.gen.ts) and SDK (sdk.gen.ts) for API integration
- Validates forms with Valibot (no Zod) and supports cross-field validation
- Programmatic modals with useOverlay and per-backend composables; TailwindCSS-only styling
- German UI conventions for labels and consistent documentation standards
Quick Start
Create or modify a Nuxt 4 project following the app/ structure and wire in generated API types and SDK, then use Valibot forms and programmatic modals.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: developing-lt-frontend Download link: https://github.com/lenneTech/claude-code/archive/main.zip#developing-lt-frontend Please download this .zip file, extract it, and install it in the .claude/skills/ directory.