legacy-web-standard针对 JavaScript + jQuery + HTML/CSS 传统前端项目的开发与维护规范。当用户在非框架项目中工作，涉及 jQuery、原生 JS、传统多页面应用（MPA）、模板引擎渲染页面、或维护遗留代码时自动激活。
Install via ClawdBot CLI:
clawdbot install bovinphang/legacy-web-standardGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Apr 22, 2026
Maintaining a traditional online store built with jQuery and server-side templates like JSP or PHP, focusing on incremental updates such as adding new product filters or payment methods without disrupting existing functionality. This scenario is common in retail businesses with long-standing web systems that require high browser compatibility and minimal downtime.
Enhancing an internal company portal using HTML/CSS and jQuery for features like dynamic forms, data dashboards, or employee directories. This involves adhering to strict security protocols like CSRF tokens and XSS prevention while integrating with legacy backend systems, typical in large enterprises with established IT infrastructures.
Updating a university or school website that relies on server-rendered templates like Django or Handlebars, with jQuery for interactive elements such as event calendars or course listings. The focus is on maintaining accessibility, semantic HTML, and gradual improvements like CSS variables for consistent branding across departments.
Optimizing a news or blog site built with traditional MPA architecture, using jQuery for features like image sliders or comment sections. This scenario emphasizes performance tuning through cached DOM selectors and event delegation, along with security measures to prevent XSS from user-generated content in dynamic articles.
Maintaining a government service portal with jQuery and HTML/CSS, ensuring compliance with accessibility standards and browser compatibility for public users. Tasks include fixing legacy code, implementing secure form submissions with data validation, and gradually introducing ES6 features where supported without full rewrites.
Offering ongoing support and incremental improvements for legacy web systems, charging based on hourly rates or retainer agreements. This model focuses on stabilizing existing functionality, fixing bugs, and implementing small enhancements to extend the lifespan of traditional projects without major overhauls.
Providing tailored solutions for industries like healthcare or finance that rely on jQuery-based applications due to regulatory constraints or compatibility needs. Revenue comes from developing new modules, integrating with legacy APIs, and ensuring security compliance through XSS prevention and data handling best practices.
Generating income by training in-house teams on maintaining and gradually modernizing legacy front-end codebases. This includes workshops on jQuery optimization, security practices, and incremental adoption of tools like ESLint, with revenue from course fees or certification programs.
💬 Integration Tip
Start by adding ESLint to enforce code consistency and security checks, then gradually introduce CSS variables for theme management to modernize styling without breaking existing layouts.
Scored Apr 19, 2026
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Curated collection of professional color and typography themes for styling artifacts — slides, docs, reports, landing pages. Use when applying visual themes to presentations, generating themed content, or creating custom brand palettes. Triggers on theme, color palette, font pairing, slide styling, presentation theme, brand colors.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.