A beautiful, modern prototype for a LinkedIn automation agent that helps users create and schedule posts with minimal effort.
- Pastel Color Palette: Inspired by Karen Hao's "Empire of AI" book cover (orange, purple, blue)
- Modern & Minimal: Clean interface inspired by Notion and OpenAI
- One Step at a Time: Simple, focused user experience
- Install the Live Server extension in VS Code
- Right-click on
index.html - Select "Open with Live Server"
Simply open index.html in your web browser.
- LinkedIn Profile Input - User enters their profile URL
- Bio Generation - AI analyzes and generates a professional bio
- Goals Confirmation - AI suggests goals based on profile
- First Post Setup - Guided post creation experience
- Profile Overview - Short bio and primary goal
- Quick Insights - Profile views, impressions, and engagement stats
- Recent Posts - Gallery view of recent posts with previews
- Article Sourcing - Find relevant articles for inspiration
- Article Selection - Choose from curated articles
- Post Generation - AI writes post in user's style
- Editing - Side-by-side editor with live preview
- Scheduling - Choose when to publish
- HTML5 - Semantic markup
- CSS3 - Modern styling with CSS Grid and Flexbox
- Vanilla JavaScript - No frameworks, pure JS
innie/
├── index.html # Main HTML file with all views
├── styles.css # All styling and animations
├── app.js # JavaScript for interactions
└── README.md # This file
Onboarding → Dashboard → Create Post → Edit → Schedule → Dashboard
- Pastel Orange: #FFB088 (primary gradient)
- Pastel Purple: #C4B5FD (primary gradient)
- Pastel Blue: #93C5FD (accent)
- Light variations for backgrounds and hover states
This is a UI/UX prototype only. No backend functionality or database connections are implemented. Perfect for demonstrating the user experience and interface design.
- LinkedIn API integration
- Backend for data persistence
- Real AI content generation
- Analytics tracking
- Multi-user support
Built with ❤️ as a prototype for automated LinkedIn presence management.