From frontend-craft
Maintains vanilla JavaScript, jQuery, HTML/CSS and server-rendered MPA pages without migrating frameworks. Follows legacy coding patterns for safe incremental changes.
How this skill is triggered — by the user, by Claude, or both
Slash command
/frontend-craft:fec-legacy-web-standardThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Safely maintain vanilla JS, jQuery, HTML/CSS and server-side template projects without rewriting the technology stack.
Safely maintain vanilla JS, jQuery, HTML/CSS and server-side template projects without rewriting the technology stack.
.html(), innerHTML, URL parameter rendering, CSRF token and file upload.Load references/legacy-patterns.md when it comes to jQuery namespaces, event binding, Ajax, XSS escaping, file organization, and maintenance checklist examples.
innerHTML / .html() to directly insert user input.The changes are consistent with the style of the old project, no global variables are leaked, events and DOM operations are maintainable, Ajax state is intact, user input has been escaped, and incremental improvements do not destroy existing functionality.
npx claudepluginhub bovinphang/frontend-craftGuides gradual migration from legacy JavaScript/jQuery/MPA frontends to modern stacks (React, Vue, Next.js, Nuxt, TypeScript) while preserving behavior. Use for intentional tech stack upgrades, not routine bug fixes.
Refactors legacy codebases, migrates frameworks (jQuery→React, Java 8→17, Python 2→3), modernizes databases and monoliths gradually using Strangler pattern while ensuring backward compatibility and handling technical debt.
Retrieves best practice guides for modern web development, covering HTML/CSS, client-side JavaScript, performance metrics (LCP, INP), and new web APIs like View Transitions and container queries.