I got sick of asking Claude, "what is the size of this font" so I made a css inspector for coding environment
https://www.npmjs.com/package/css-spec
- Review CSS properties directly on browser & claude code
- See where certain colors are being used
- Send CSS update commands to cursor/claude directly
npm i -D css-spec
npx css-spec init
โฅ (option) +D to start
Would love any feedback! ๐
2
5
1.1K
Explored how AI can make complex SaaS tables actually feel trustworthy.
Users can trace where number comes from โ across sources, PDFs, without leaving the interface.
Built this last year โ but just spent half a day turning it into this 8-sec demo for portfolio!
Crosswind Flight Academy | Aviation Training Platform
Crosswind is a modern digital experience for a flight academy based at Falcon Field in Mesa, Arizona. I built the platform to transform the traditional flight-school website into something that feels aspirational, premium, and designed around the excitement of becoming a pilot.
The experience guides prospective students from discovering the academy and exploring flight training options through understanding the path toward earning their license. I focused heavily on visual storytelling, clear information architecture, responsive behavior, and conversion-focused UX that makes taking the first step toward flight training feel straightforward.
The result is a fast, immersive aviation website that balances strong visual direction with practical usability, giving Crosswind a digital presence that feels as polished and exciting as the experience it sells.
Role: Full-Stack Developer
Focus: Aviation, Flight Training, Product UX, Responsive Web Development, Conversion Design
Technologies: Next.js, React, TypeScript, Tailwind CSS, Vercel
https://crosswind-flight.vercel.app/
1
293
Halcyon | Editorial Photography Experience
Halcyon is an editorial photography platform built around the feeling of a modern independent photo journal. Rather than approaching the project like a traditional portfolio, I focused on creating an immersive browsing experience where the photography, typography, pacing, and layout work together to tell a story.
The experience combines strong editorial art direction with a responsive front end, giving photography room to breathe while maintaining a distinctive visual identity across screen sizes. I paid particular attention to image presentation, typography, composition, performance, and subtle interactions that make exploring the journal feel intentional rather than simply scrolling through a gallery.
The result is a highly visual digital publication that blends photography and modern web development into an experience that feels closer to a carefully designed print journal brought to the web.
Role: Full-Stack Developer
Focus: Editorial Design, Photography, Creative Development, Responsive Web Design, UI/UX
Technologies: Next.js, React, TypeScript, Tailwind CSS, Vercel
https://halcyon-studio-dusky.vercel.app