claude code cheat sheet
Master Claude Code workflows, shortcuts, and best practices for effective AI-assisted development.
Claude CodeAIDevelopmentProductivity
hi, i'm faraaz 👋
i build interactive tools and share modern workflows for designers and developers
full stack developer and designer creating seamless web experiences. i write about development, design systems, and building products that matter.
cheatsheets
View all →
tailwindcss cheat sheet
Essential Tailwind CSS utilities, patterns, and best practices for rapid UI development.
Tailwind CSSCSSDesignUtilities
accessibility cheat sheet
Key accessibility guidelines, ARIA patterns, and WCAG standards for building inclusive web experiences.
AccessibilityWCAGARIAInclusive Design
recent projects
cramberry
An AI-powered educational platform helping students study more effectively through technology-enhanced learning methods.
ReactAIEducationNext.js
tailwind goodies
A curated directory and marketplace for premium and free Tailwind CSS templates, UI kits, and components.
Tailwind CSSTemplatesUI KitsMarketplace
sightfolio
A wealth management platform for tracking diverse financial assets with AI-powered insights.
FintechAIPortfolio ManagementNext.js
recent writing
View all →How AI is Reshaping UI Design in 2025
Exploring the transformative impact of AI tools like Claude Code and v0 on modern interface design workflows and creativity.
AIUI DesignClaude CodeWorkflow
Building Scalable Apps with shadcn/ui
Why shadcn/ui's copy-paste component philosophy is revolutionizing how we build React applications, and how to architect apps around it.
Reactshadcn/uiComponent ArchitectureTypeScript
Tailwind CSS Best Practices for 2025
Modern patterns, performance optimizations, and architectural decisions for building maintainable Tailwind projects at scale.
Tailwind CSSCSSPerformanceBest Practices