Can I use Tailwind CSS with this Nette skill?

Yes, the skill provides specific configuration patterns for Tailwind CSS to ensure it correctly scans .latte template files for utility classes during the build process.

Does it support client-side form validation?

Yes, it provides implementation patterns for the nette-forms npm package, enabling progressive enhancement and standard Nette validation on the client side.

What is the recommended build system for Nette projects using this skill?

The skill focuses on Vite as the primary build system, offering guidance on mapping source assets to production files and configuring the Nette neon file for Vite integration.

How does this skill handle JavaScript in Latte templates?

It includes specialized ESLint configurations and processors that allow for the linting of JavaScript inside tags within Latte files, correctly handling Latte variables and syntax.

Nette Frontend Development

Name: Nette Frontend Development
Author: nette

bynette

•

设计工具

Optimizes Nette framework frontend workflows by integrating modern build tools like Vite, SCSS, and TypeScript with the Nette Assets system.

This skill serves as a comprehensive bridge between the Nette PHP backend and modern frontend tooling, enabling developers to seamlessly manage assets, styling, and scripts. It provides standardized implementation patterns for Vite integration, modular SCSS architecture, and Nette Forms enhancement, ensuring production-grade frontend performance. By offering specialized ESLint configurations for Latte templates and secure data-sharing patterns between PHP and JavaScript, it streamlines the development of responsive, high-performance Nette applications.

主要功能

01Progressive enhancement for Nette Forms via npm package integration

02Specialized ESLint rules for Nette, TypeScript, and Latte templates

03Standardized SCSS and JavaScript modular component architecture

0429 GitHub stars

05Secure data flow management between PHP backend and JS frontend

06Seamless Vite and Nette Assets integration for HMR and production builds

使用场景

01Organizing modular SCSS and asset pipelines for complex Nette administration panels

02Setting up a modern Vite-based build system for a new or existing Nette project

03Implementing type-safe JavaScript or TypeScript components within Latte-driven applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nette/claude-code frontend-development

For use in Claude.ai and ChatGPT

Download Skill