Fix Meteor Blaze template rendering glitches from reactive updates.
npx skills add https://github.com/zcawood-mie/agentz --skill blaze-gotchas
Please help me install this Agent Skill. Skill: blaze-gotchas Source: https://github.com/zcawood-mie/agentz/tree/main/skills/blaze-gotchas Command: npx skills add https://github.com/zcawood-mie/agentz --skill blaze-gotchas
Prevent confusing visual artifacts and template errors in Meteor Blaze HTML templates caused by reactive re-renders, improper helper usage in attributes, and icon element morphing during conditional swaps.
Diagnose a Blaze template that briefly shows incorrect icons or blinks during reactive updates by checking helper quoting, wrapping icon elements in spans, and excluding rapidly changing fields from cursor queries.
High-intent search queries and answers about installing and using this skill.
Blaze template flicker occurs when reactive re-renders cause visual artifacts. You can prevent this by wrapping inline Font Awesome icons in container nodes, enforcing single-quote helper arguments in attributes, and excluding frequently changing fields from cursor queries.
To stop item teardown and visual glitches in Blaze each loops, exclude rapidly changing fields from your cursor queries. This prevents unnecessary teardown of list items during reactive updates and eliminates flickering.
Yes, helper arguments inside HTML attributes must use single quotes to avoid parsing issues and broken imports in Blaze. Enforcing single-quote helper arguments prevents reactive rendering glitches and template errors.
Prevent Font Awesome icon morphing during conditional swaps by wrapping inline icon elements in container nodes like spans. This stabilizes the DOM structure inside reactive conditional blocks and stops icon flicker.
Template rendering glitches in Blaze are caused by reactive re-renders, improper helper usage in HTML attributes, and icon element morphing during conditional swaps. Fixing helper quoting and cursor queries resolves these visual artifacts.
nogatakaConvert PDF presentations into HTML slide templates with extracted colors and fonts.
tomsoulage-dedalusFormat and lint TypeScript, HTML, and SCSS files with Prettier and ESLint.
yw662Create real DOM elements with rikka-dom tag helpers and TypeScript inference.
forwardimpactConvert Markdown to HTML and generate static documentation sites.
