skills.rest
nette
netteOFFICIAL
Explore all skills by this author →
Website𝕏@nettefwGitHub

frontend-development

Configure Vite-based asset pipelines for Nette projects with SCSS and JavaScript conventions.

41|4|Updated Jan 4, 2026
Search Tags:#frontend#assets#JavaScript#Vite#SCSS#build-configuration#Nette
One-click install
npx skills add https://github.com/nette/claude-code --skill frontend-development-nette
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-development
Source: https://github.com/nette/claude-code/tree/main/plugins/nette/skills/frontend-development
Command: npx skills add https://github.com/nette/claude-code --skill frontend-development-nette

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill clarifies frontend development practices for Nette projects, helping teams align on tooling, asset pipelines, and UI conventions.

Core Features & Use Cases

  • Vite-based asset orchestration: Integrates Vite with Nette Assets for fast, modular frontend builds.
  • Styling and scripting conventions: Standards for SCSS, JavaScript, and TypeScript usage within Nette apps.
  • Build configuration and entry points: Guidelines for organizing assets, multiple entry points, and production vs development builds.
  • Use Case: When starting a new Nette project, follow these guidelines to wire Vite, SCSS, and asset references consistently.

Quick Start

Set up a Vite-powered workflow for a Nette project by configuring assets in vite.config.ts and wiring {asset 'app.js'} references in Latte templates.

Frequently Asked Questions about frontend-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up a Vite build pipeline for a Nette project?▼

Set up Vite for Nette by configuring asset entry points in vite.config.ts and referencing compiled assets with {asset 'app.js'} tags in Latte templates for consistent frontend builds.

What SCSS and JavaScript conventions should I follow in Nette applications?▼

SCSS and JavaScript conventions in Nette projects define standards for modular styling, TypeScript usage, and organizing multiple entry points for consistent UI practices across teams.

Do I need Node.js and npm to manage frontend assets in Nette?▼

Node.js and npm tooling are required to manage frontend assets in Nette, providing the necessary environment for running Vite builds and installing asset dependencies.

How do I reference Vite assets in Latte templates?▼

Reference Vite assets in Latte templates using the Nette Assets integration, wiring {asset 'app.js'} syntax to connect compiled JavaScript and SCSS outputs to your views.

What is the best way to configure development and production builds for Nette frontend?▼

Configure development and production builds for Nette frontend by defining separate Vite build configurations, ensuring optimized asset orchestration and consistent pipelines across environments.

Can I use multiple entry points for JavaScript and SCSS in a Nette Vite workflow?▼

Multiple entry points for JavaScript and SCSS are supported in a Nette Vite workflow, allowing you to organize assets modularly and configure distinct build targets for different application sections.

Related Skills

Explore More Software Engineering Skills→
fritzprixfritzprix
8

system-setup

Install and verify MCP runtime dependencies across Windows, Linux, and macOS.

Community
Intermediate
hughescrhughescr
1

hugo-asset-pipeline

Automate Hugo asset processing with Hugo Pipes for SCSS, JS, and images.

Community
Advanced
nettenette
41

latte-templates

Author and validate Latte templates for Nette applications.

Official
Intermediate
ai-enhanced-engineerai-enhanced-engineer
3

laravel-mix-webpack

Configure Laravel Mix Webpack builds and hot reload for React SPAs.

Official
Advanced