Enforce Phoenix LiveView and HEEx development conventions for maintainable web applications.
npx skills add https://github.com/ityonemo/pepper --skill web-ityonemo
Please help me install this Agent Skill. Skill: web Source: https://github.com/ityonemo/pepper/tree/main/.claude/skills/web Command: npx skills add https://github.com/ityonemo/pepper --skill web-ityonemo
This Skill enforces best practices for Phoenix LiveView and HEEx development, ensuring cleaner, more maintainable, and performant web applications.
.html.heex files for all templates, improving code organization and editor support.:for and :if attributes over legacy பகுதிகளில் syntax for conciseness and performance.Use the web skill to ensure all new LiveView code adheres to the documented conventions.
High-intent search queries and answers about installing and using this skill.
Organize Phoenix LiveView components by externalizing templates into separate `.html.heex` files and structuring reusable UI components with clear namespaces and established design rules for maintainability.
Handle forms in Phoenix LiveView by enforcing the use of Ecto changesets for robust, framework-aligned form management. This ensures data validation and state management remain consistent with established Elixir conventions.
Use LiveComponents in Phoenix for stateful UI sections that require isolated state management. Standard LiveViews are better for parameter-based mode switching within a single module, while LiveComponents define specific communication strategies.
Phoenix HEEx syntax supports modern control flow through `:if` and `:for` attributes. These should be used over legacy syntax for better conciseness and rendering performance in web applications.
The best way to organize JavaScript hooks in a Phoenix LiveView application is by grouping them by domain. This standardization improves maintainability and keeps client-side logic aligned with server-side state.
Visually debug Phoenix LiveView issues by integrating headless Chrome to take screenshots. This approach helps identify and resolve visual layout problems and JavaScript-related hook execution errors.
windyskyGuide Elixir 1.17+ development for Phoenix, LiveView, Ecto, and OTP patterns.
TheBushidoCollectiveRender Phoenix HEEx templates and views into HTML content.
dallayBuild stateful AI agents on Cloudflare Workers with the Agents SDK.
cheezyGuides Phoenix web interface development including LiveView workflows and routing.