Where does the skill place the generated templates?

Templates are organized by feature within either the front/templates/ or back/templates/ directories, depending on the scope.

How does it handle translations for JavaScript?

The skill utilizes a custom | tradJS filter within the jsImport block to make translation keys accessible to frontend scripts via window.trad.

What is the primary benefit of using this Twig skill?

It ensures all Twig templates follow a standardized structure and strictly enforces internationalization by preventing hardcoded text.

Are CSS and JS assets automatically managed?

The skill includes dedicated blocks for stylesheets and scripts, ensuring assets are loaded correctly within the Symfony asset lifecycle.

Does it support reusable components?

Yes, it provides patterns for including partials and passing data into them, facilitating a modular component-based architecture.

Symfony Twig Template Generator

Name: Symfony Twig Template Generator
Author: Swoking

bySwoking

デザインツール

Generates standardized, translation-ready Twig templates and partials for Symfony StarterKit projects.

概要

The Twig Template skill automates the creation of high-quality frontend and backend templates within Symfony StarterKit environments. It enforces strict architectural standards, such as the mandatory use of translation filters and proper asset loading blocks, to ensure maintainability and internationalization. By providing pre-configured structures for loops, conditionals, and JavaScript translation injections, it helps developers build consistent UI components while adhering to project-specific best practices.

主な機能

Generates standardized directory structures for Front and Back office
0 GitHub stars
Enforces strict translation compliance using the | cache filter
Provides boilerplate for layout extensions and asset management
Automates JavaScript translation bridging via | tradJS
Includes common patterns for loops, conditionals, and partial inclusions

ユースケース

Scaffolding a new feature page with localized content and isolated assets
Setting up complex templates that require dynamic data loops and conditional rendering
Creating reusable UI partials for consistent component design

概要

主な機能

Generates standardized directory structures for Front and Back office
0 GitHub stars
Enforces strict translation compliance using the | cache filter
Provides boilerplate for layout extensions and asset management
Automates JavaScript translation bridging via | tradJS
Includes common patterns for loops, conditionals, and partial inclusions

ユースケース

Scaffolding a new feature page with localized content and isolated assets
Setting up complex templates that require dynamic data loops and conditional rendering
Creating reusable UI partials for consistent component design