Add 2 Web Dev Prompts (Performance + Legacy Modernization) #34
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Signed-off-by: Uddipta7 <uddipta278@gmail.com>
Author
|
I've added 2 tested web dev prompts for:
|
Contributor
|
Hey @Uddipta7, Thank you for raising the pr. The prompts are really impressive. |
Contributor
|
Hey @Uddipta7, Can you please resolve the conflicts? |
Author
I have resolved the conflicts |
Author
|
Contributor
pratik-mahalle
left a comment
pratik-mahalle
left a comment
There was a problem hiding this comment.
Hwy @Uddipta7, I can see that there is another file name engineering-prompt, can you please tell me why you created this?
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR introduces two carefully designed web development prompts to enhance the repository's utility for real-world engineering scenarios. The first prompt focuses on performance optimization, offering a targeted approach to achieve 90+ Lighthouse scores across all metrics. It generates specific, actionable fixes including bundle optimization strategies, critical CSS extraction techniques, image compression implementations, and caching configurations - with customizable prioritization for mobile or desktop environments. The prompt has been tested to produce production-ready code snippets that directly address Core Web Vitals improvements.
The second prompt addresses legacy system modernization, providing a comprehensive framework for migrating from older technologies like jQuery or Backbone to modern frameworks like React or Vue. It goes beyond basic syntax conversion by including automated codemod suggestions, a risk-aware gradual migration strategy, TypeScript integration pathways, and critical compatibility layers for legacy dependencies. This ensures teams can modernize their codebases without breaking existing functionality, significantly reducing the friction of tech stack upgrades.
Both prompts have been rigorously validated through ChatGPT-4o interactions, producing reliable, implementation-ready outputs. They fill important gaps in the current collection by offering: (1) measurable optimization targets, (2) backward-compatible modernization paths, and (3) framework-specific best practices. The included sample outputs demonstrate their ability to generate practical solutions complete with relevant code snippets and configuration examples. These additions align perfectly with the repository's mission of providing high-quality, ready-to-use prompt chains for engineering automation.