# syedmoinuddin.com > A minimal, pixel-perfect dev portfolio and blog showcasing my work as a Full Stack Engineer. - [About](https://syedmoinuddin.com/about.md): A quick intro to me, my tech stack, and how to connect. - [Experience](https://syedmoinuddin.com/experience.md): Highlights from my career and key roles I've taken on. - [Projects](https://syedmoinuddin.com/projects.md): Selected projects that show my skills and creativity. - [Awards](https://syedmoinuddin.com/awards.md): My key awards and honors. - [Certifications](https://syedmoinuddin.com/certifications.md): Certifications and credentials I've earned. ## Blog - [The 12 AI Books That Actually Make You Better at Building (2026)](https://syedmoinuddin.com/blog/12-ai-books-that-make-you-better-at-building-2026.mdx): A pillar-by-pillar reading guide for engineers shipping agents, LLM systems, RAG, evals, and reliable production AI — organized by what you build, not by hype. - [The Claude Workflow That Replaced 200 Words of Context With Two Sentences](https://syedmoinuddin.com/blog/claude-workflow-replaced-200-words-with-two-sentences.mdx): How stacking four Claude features lets you stop re-explaining yourself at the start of every chat — and just ask for the thing. Preferences, Styles, Projects, and Memory do the carrying. - [The Scanner That Refuses to Run Your Code: Inside Perplexity's Bumblebee](https://syedmoinuddin.com/blog/perplexity-bumblebee-read-only-scanner.mdx): Most supply-chain scanners run your package manager to check for poison — which is exactly how poison spreads. Perplexity's open-source Bumblebee takes the opposite bet: it never runs anything. - [The Invisible Box Around Your Text — and How to Finally Trim It](https://syedmoinuddin.com/blog/text-box-trim-css.mdx): Remove the empty space CSS bakes around text. A one-line, optical fix using text-box-trim and text-box-edge — with progressive enhancement for browser support. - [The Scraper That Doesn't Get Banned: Building a Scalable Web Scraping Pipeline in Go](https://syedmoinuddin.com/blog/scalable-web-scraping-pipeline-go.mdx): A Go web scraping pipeline that survives at scale: rate limits per domain, rotating proxies, retries, and the layered architecture that keeps you from getting banned. - [Boring on Purpose: Go Basics for People Who Want to Ship](https://syedmoinuddin.com/blog/boring-on-purpose-go-basics.mdx): Go's whole pitch is that the basics are enough. A pragmatic tour of the small toolset — structs, slices, errors, goroutines, interfaces — that ships real systems. - [I Spent 6 Months Tuning Claude Code. Here's the Exact Setup That Finally Worked.](https://syedmoinuddin.com/blog/claude-code-setup-6-months.mdx): The exact Claude Code setup after six months: a lean CLAUDE.md, lazy-loaded skills, subagents, hooks, git worktrees, and the five MCP servers that earn their place. - [The Bluffing Problem: What Claude Opus 4.8 Changes About Trusting AI Code](https://syedmoinuddin.com/blog/claude-opus-4-8-bluffing-problem.mdx): Claude Opus 4.8's real upgrade isn't raw capability — it's honesty. A model ~4x less likely to let its own code flaws slip by silently, and what that means for agentic AI. - [Feature Bento](https://syedmoinuddin.com/blog/feature-bento.mdx): A bento-style feature grid with corner-decorator cards and a circular UI showcase. - [Hero Pillars](https://syedmoinuddin.com/blog/hero-pillars.mdx): A hero section with a headline, illustration, and four supporting feature pillars. - [Spotlight Grid](https://syedmoinuddin.com/blog/spotlight-grid.mdx): A 3-card spotlight grid with radial-masked icon decorators. - [Sync Showcase](https://syedmoinuddin.com/blog/sync-showcase.mdx): An accordion synced with an animated preview pane, perfect for product showcases. - [Dot Grid Spotlight](https://syedmoinuddin.com/blog/dot-grid-spotlight.mdx): Interactive dot grid with a cursor-tracking spotlight effect. - [Icon Swap](https://syedmoinuddin.com/blog/icon-swap.mdx): Animate icon swaps with scale, blur, and fade transitions. - [Brand Assets Menu](https://syedmoinuddin.com/blog/brand-assets-menu.mdx): Context menu for copying brand SVGs and opening asset links. - [TOC Minimap](https://syedmoinuddin.com/blog/toc-minimap.mdx): Navigate page sections with a compact, hoverable TOC minimap. - [GitHub Contributions](https://syedmoinuddin.com/blog/github-contributions.mdx): Visualize year-long GitHub contribution activity with daily counts, tooltips, and a profile link. - [Theme Toggle Effect](https://syedmoinuddin.com/blog/theme-toggle-effect.mdx): Animated transitions when switching between light and dark themes. - [Middle Truncation](https://syedmoinuddin.com/blog/middle-truncation.mdx): Truncate text in the middle while preserving start and end. - [Testimonial Spotlight](https://syedmoinuddin.com/blog/testimonial-spotlight.mdx): Testimonial card with spotlight effect on hover. - [Text Flip](https://syedmoinuddin.com/blog/text-flip.mdx): Animated text that cycles through items with a smooth flip transition. - [Copy Button](https://syedmoinuddin.com/blog/copy-button.mdx): Copy text to clipboard with visual, haptic, and audio feedback. - [Code Block Command](https://syedmoinuddin.com/blog/code-block-command.mdx): Display install commands with package manager switcher and copy button. - [Testimonial](https://syedmoinuddin.com/blog/testimonial.mdx): Display user feedback with author info, avatar, and verified badge. - [Scroll Fade Effect](https://syedmoinuddin.com/blog/scroll-fade-effect.mdx): Fade content edges as you scroll, for both vertical and horizontal layouts. - [GitHub Stars](https://syedmoinuddin.com/blog/github-stars.mdx): Display GitHub repo star count with formatted numbers and full-count tooltip. - [Shimmering Text](https://syedmoinuddin.com/blog/shimmering-text.mdx): Smooth, light-sweeping shimmer animation for text. - [Testimonials Marquee](https://syedmoinuddin.com/blog/testimonials-marquee.mdx): Scrolling marquee to showcase user testimonials. - [Slide to Unlock](https://syedmoinuddin.com/blog/slide-to-unlock.mdx): Interactive slider inspired by the classic iPhone “slide to unlock” gesture. - [Work Experience](https://syedmoinuddin.com/blog/work-experience-component.mdx): Display work experiences with role details, company logos, and durations. - [Theme Switcher](https://syedmoinuddin.com/blog/theme-switcher.mdx): Toggle between system, light, and dark themes in Next.js apps. - [Apple Hello Effect](https://syedmoinuddin.com/blog/apple-hello-effect.mdx): SVG writing animation inspired by Apple’s “Hello” screen.