Copy and paste these prompts into Claude Code in sequence to build and deploy your secure resume website.
Sign in to like and favorite skills
Copy and paste these prompts into Claude Code in sequence to build and deploy your secure resume website.
I have a resume in resume/resume.md and images in the images/ folder (profile photo at images/profile.jpeg and certification badges in images/certifications/). Create a professional HTML resume website with the following requirements: 1. Read the resume/resume.md file and convert it to semantic HTML 2. Create a modern, clean design with CSS that includes: - Professional typography (system fonts) - A color scheme using blues and grays - Proper spacing and visual hierarchy - Profile image prominently displayed at the top - Certification badges displayed in a grid layout 3. Structure: - Create site/index.html with the HTML - Create site/styles.css with all styling - Use relative paths for all images (../images/) - Include viewport meta tag for mobile 4. Features: - Print-friendly styles - Smooth scrolling for any anchor links - Hover effects on interactive elements - Professional but modern appearance Generate both files now with the content from my resume.
Update the site/index.html and site/styles.css files to be fully responsive: 1. Mobile First Design (320px and up): - Single column layout - Touch-friendly tap targets (min 44px) - Readable font sizes (min 16px body) - Stack certification badges vertically - Hamburger menu if navigation exists 2. Tablet (768px and up): - Two-column layout for certifications - Larger typography - Better use of horizontal space 3. Desktop (1024px and up): - Maximum content width of 1200px - Centered container with margins - Multi-column certification grid - Optimal line length for reading (65-75 characters) 4. Test points to verify: - 375px (iPhone) - 768px (iPad) - 1920px (Desktop) Update both files to implement responsive design.
Deploy this website to AWS with enterprise-grade security. Execute all the AWS commands for me: 1. Create a PRIVATE S3 bucket (all public access blocked): - Generate a unique bucket name: my-resume-site-[random-suffix] - Enable versioning - Enable encryption - Block ALL public access - Run the AWS CLI commands to create this 2. Upload the website files: - Upload site/index.html and site/styles.css to the bucket - Upload all images from images/ folder - Set appropriate content types - Execute the aws s3 sync commands 3. Configure CloudFront distribution: - Origin: the private S3 bucket - Origin Access Control (OAC) - NOT Origin Access Identity - Viewer Protocol Policy: Redirect HTTP to HTTPS - Compress objects automatically - Price Class: Use Only North America and Europe - Default root object: index.html - Create the distribution using AWS CLI 4. S3 Bucket Policy: - ONLY allow CloudFront to access the bucket - Use the CloudFront service principal - Deny all other access - Apply this policy using AWS CLI 5. Security headers in CloudFront: - X-Frame-Options: DENY - X-Content-Type-Options: nosniff - Referrer-Policy: same-origin - Content-Security-Policy: default-src 'self' - Configure these in the distribution 6. After deployment: - Show me the CloudFront distribution URL - Verify the S3 bucket is private - Test that the site works Execute all these steps now using AWS CLI commands. The S3 bucket must remain private with access only through CloudFront.
I need to update my deployed resume site with new changes. Please: 1. Identify my existing AWS resources: - Find my S3 bucket (should start with my-resume-site-) - Find my CloudFront distribution ID - Store these for the update process 2. Sync the updated files: - Upload any changed files from site/ to the S3 bucket - Upload any new or changed images from images/ - Use aws s3 sync to only upload changed files - Set proper content types and cache headers 3. Clear CloudFront cache: - Create an invalidation for all files (/*) - This ensures visitors see the latest version - Run: aws cloudfront create-invalidation 4. Verify the update: - Check that files uploaded successfully - Confirm invalidation was created - Provide the CloudFront URL to test Execute all these commands for me now to update the live site.
Add monitoring and performance optimization to my resume site: 1. Create a simple analytics snippet in site/analytics.js: - Track page views (privacy-friendly) - Monitor load times - Console log performance metrics in development - Respect Do Not Track header 2. Update site/index.html: - Add the analytics script - Implement lazy loading for images - Add loading="lazy" to img tags - Preload critical CSS 3. CloudFront optimizations: - Show me how to set cache headers - Configure TTL for different file types - Enable Gzip/Brotli compression 4. Create site/robots.txt: - Allow all crawlers - Point to sitemap 5. Create site/sitemap.xml: - Include the main index page - Proper format for SEO Provide all files and CloudFront configuration commands.
Add a contact form to my resume site that uses AWS SES to send emails: 1. Update site/index.html: - Add a contact section with form - Include name, email, message fields - Client-side validation - Honeypot field for spam protection 2. Create a Lambda function: - Process form submissions - Send email via AWS SES - Return JSON response - Rate limiting 3. Set up API Gateway: - Create REST API - Configure CORS - Connect to Lambda 4. Security: - Input sanitization - CAPTCHA or similar protection - Secure headers Provide all code and AWS configuration steps.
I need to completely remove my resume site from AWS to avoid charges. Please: 1. Identify my AWS resources: - Find my S3 bucket (should start with my-resume-site-) - Find my CloudFront distribution - List all related resources 2. Disable CloudFront distribution: - Disable the distribution first (required before deletion) - Wait for status to change from "Deployed" to "Disabled" - This may take 15-20 minutes 3. Delete CloudFront distribution: - Once disabled, delete the distribution - Remove any Origin Access Control (OAC) configurations 4. Empty and delete S3 bucket: - Delete all objects in the bucket - Delete all object versions (if versioning was enabled) - Delete the bucket itself 5. Verify cleanup: - Confirm no resources remain - Check that no charges will continue - List any resources that couldn't be deleted Execute these AWS CLI commands now to completely remove the resume site and avoid any ongoing charges. IMPORTANT: This will permanently delete your site. Make sure you have backups if needed.
Help me test that my resume site is properly deployed and secure: 1. Verify security: - Test that S3 bucket URL returns AccessDenied - Confirm CloudFront URL works - Check HTTPS redirect - Verify security headers 2. Performance tests: - Check page load time - Verify image optimization - Test caching headers - Mobile performance score 3. Functionality: - Test on different devices - Verify all links work - Check image loading - Print preview Provide commands and steps to verify everything is working correctly.
Each prompt is self-contained and can be run independently if needed.