Validate Jinja-based server-rendered components with jx check and collect_assets workflows.
npx skills add https://github.com/oornnery/portfolio --skill jx
Please help me install this Agent Skill. Skill: jx Source: https://github.com/oornnery/portfolio/tree/main/.agents/skills/jx Command: npx skills add https://github.com/oornnery/portfolio --skill jx
JX provides clear patterns and validation for building reusable Jinja-based components so teams avoid brittle templates, missing imports, inconsistent assets, and per-request Catalog construction that causes performance and correctness issues.
Render a page using a shared Catalog singleton and run jx check against your catalog to validate imports and templates.
High-intent search queries and answers about installing and using this skill.
Reusable Jinja components are built using explicit imports, TitleCased filenames, a single def block, and implicit content with attrs passthrough. This pattern prevents brittle templates and missing imports by enforcing consistent structure and runtime validation across your Python web application.
Asset management for Jinja components involves declaring CSS and JS files per component and rendering them from layouts. You can collect package assets at build time using the jx collect_assets workflow, ensuring consistent asset delivery and preventing missing stylesheets or scripts.
A shared Catalog singleton reuses a single Jinja environment across requests, preventing per-request construction that causes performance and correctness issues. It registers folders and packages once, ensuring optimal resource utilization and consistent component rendering throughout the application lifecycle.
Template validation is performed using the jx check command, which statically analyzes your catalog to validate imports, def blocks, and slot patterns. Running this in CI prevents inconsistent assets, missing imports, and structural template errors from reaching production.
Migration from JinjaX is supported through a documented path that transitions existing templates to the new component conventions. This involves adopting explicit imports, TitleCased filenames, and the jx check validation workflow to ensure structural correctness during the migration process.
davidrrowleyConfigure Azure Monitor OpenTelemetry instrumentation for Python applications.
oornneryApply Python best practices for writing, reviewing, and refactoring code.
jackspaceConvert streaming LLM responses into interactive React UI components.
dtabordaRefactor React components to use React Compiler optimizations and server components.
