Coding
PromptBeginner5 minmarkdown
Nano Banana Pro
Agent skill for nano-banana-pro
7
1. **Separate CSS files** - Never put `<style>` blocks in HTML pages
Sign in to like and favorite skills
Separate CSS files - Never put
<style> blocks in HTML pages
/css/[pagename].css/css/shared-styles.css/css/components.cssSeparate JS files - Never put
<script> blocks (except external CDNs) in HTML pages
/js/[pagename].js/js/[functionality].jsAlways use
attribute on local script tags for performance:defer
<script src="../js/myfile.js" defer></script>
File paths from
folder:/pages/
../css/filename.css../js/filename.js../images/...<style> blocks in HTML<script> blocks in HTML (except for required callbacks like Google Maps)/css/[pagename].css/js/[pagename].js<head> (CSS) and before </body> (JS with defer)<head> <!-- Shared styles first --> <link rel="stylesheet" href="../css/shared-styles.css"> <!-- Page-specific styles after --> <link rel="stylesheet" href="../css/newpage.css"> <!-- Local scripts with defer --> <script src="../js/shared-script.js" defer></script> </head> <body> <!-- HTML content only --> <!-- Page-specific script before closing body --> <script src="../js/newpage.js" defer></script> </body>