The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Built a Tech Trends Curation Platform (Python + Vanilla JS)
Designed and developed a platform that curates and organizes trending tech topics across key domains like AI Engineering, Cloud Native, Dev Ecosystem, and Cybersecurity.
Backend (Python):
Topic ingestion and categorization engine
Trend scoring and freshness logic
Clean REST APIs for serving curated content
Frontend (Pure JavaScript):
Dynamic topic cards rendered without frameworks
Fast, responsive dashboard UI
Real-time sync for updated trends
Why Python + Vanilla JS?
Lightweight and fast
Easy to scale and extend
No framework lock-in
Perfect for trend discovery tools, internal research platforms, and SaaS MVPs.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Title:
I built a design system generator inside Figma Make. Here's the workflow.
The problem I kept running into: every new client project meant re-explaining the brand to every AI tool from scratch. Figma Make didn't know the colors. Cursor didn't know the tokens. Claude didn't know the rules. I was the shared memory — and I kept losing things.
So I built Design System Gen. Entirely inside Figma Make. Powered by Claude API.
The workflow:
Upload brand references → Claude API analyzes them across 8 dimensions (palette, mood, typography, composition, lighting, texture, motion, UI DNA) → structured data, not vibes → generates 11 files, each formatted for a specific tool in your stack.
figma-make.md → paste once, Figma Make knows your entire design system
design-system.css → all tokens as CSS custom properties
tokens.json → W3C format, imports directly into Figma Variables
starter.tsx → React starter with tokens already bound
.cursorrules → Cursor knows your system from root
Claude.md → Claude reads it automatically every session
+ 5 more for docs, LLMs, prompts, components
Every tool gets its own context file. All consistent with each other.
The part I'm most proud of: I'm a designer. I don't write code. The entire tool — UI, API integration, file generation logic — was built and shipped inside Figma Make. No external hosting. No separate codebase.
Live at: vibecodingdsgen.figma.site
Add your Claude API key and try it with your own moodboard.
#FigmaMake #DesignSystem #VibeCoding #AI #Claude #UXUI #DesignSystems #ConfigMakeathon
As someone who constantly jumps between Figma, Claude, ChatGPT, Cursor, Lovable, and other AI tools, this problem feels very familiar 😅
The tools are getting smarter, but keeping context consistent is still surprisingly manual. Love seeing people tackle that gap.
Designed a modern SaaS landing page for Sync – AI Search Analytics for Marketing Teams.
Clean, vibrant UI with bold hero section, clear value proposition, smart CTAs, and sleek visual hierarchy focused on AI-powered search analytics and marketing insights.
🚀 About The Project
Developed a premium front-end web experience inspired by Tracksmith, a high-performance sportswear brand known for minimalist design, strong storytelling, and luxury digital experience.
The goal was to build a modern, conversion-focused interface that combines premium branding, seamless user experience, and responsive performance across all devices.
💻 What I Built
✅ Premium landing page architecture
✅ Responsive UI optimized for desktop, tablet, and mobile
✅ Product-focused sections with clean visual hierarchy
✅ Conversion-driven user flow and CTA positioning
✅ Smooth navigation with modern interface structure
✅ Premium typography, spacing, and visual consistency
🛠 Tech Stack & Skills
🌐 Frontend Development
HTML5 • CSS3 • JavaScript
📱 Responsive Engineering
Mobile-First Design • Cross-Browser Optimization
🎨 UI/UX Design
User Experience • Visual Hierarchy • Layout Design
⚡ Performance & Optimization
Landing Page Optimization • Conversion-Focused UI
🧠 Brand Implementation
Premium Brand Experience • Digital Storytelling • Design Consistency
✨ Final Result
Successfully delivered a clean, scalable, and premium web experience focused on performance, usability, and modern front-end design standards.
This project reflects my expertise in building high-quality digital products that combine strong branding with exceptional user experience.
🔗 Reference: https://tracksmith.com
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?