Skip to content

LyviaChapman/innie

Repository files navigation

Innie - LinkedIn Agent Prototype

A beautiful, modern prototype for a LinkedIn automation agent that helps users create and schedule posts with minimal effort.

🎨 Design Features

  • 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

🚀 Getting Started

Option 1: Using Live Server (Recommended)

  1. Install the Live Server extension in VS Code
  2. Right-click on index.html
  3. Select "Open with Live Server"

Option 2: Direct Browser Open

Simply open index.html in your web browser.

📱 Features

Onboarding Flow

  1. LinkedIn Profile Input - User enters their profile URL
  2. Bio Generation - AI analyzes and generates a professional bio
  3. Goals Confirmation - AI suggests goals based on profile
  4. First Post Setup - Guided post creation experience

Dashboard

  • Profile Overview - Short bio and primary goal
  • Quick Insights - Profile views, impressions, and engagement stats
  • Recent Posts - Gallery view of recent posts with previews

Post Creation

  1. Article Sourcing - Find relevant articles for inspiration
  2. Article Selection - Choose from curated articles
  3. Post Generation - AI writes post in user's style
  4. Editing - Side-by-side editor with live preview
  5. Scheduling - Choose when to publish

🛠️ Technical Stack

  • HTML5 - Semantic markup
  • CSS3 - Modern styling with CSS Grid and Flexbox
  • Vanilla JavaScript - No frameworks, pure JS

📂 File Structure

innie/
├── index.html      # Main HTML file with all views
├── styles.css      # All styling and animations
├── app.js          # JavaScript for interactions
└── README.md       # This file

🎯 User Flow

Onboarding → Dashboard → Create Post → Edit → Schedule → Dashboard

🎨 Color Palette

  • Pastel Orange: #FFB088 (primary gradient)
  • Pastel Purple: #C4B5FD (primary gradient)
  • Pastel Blue: #93C5FD (accent)
  • Light variations for backgrounds and hover states

📝 Notes

This is a UI/UX prototype only. No backend functionality or database connections are implemented. Perfect for demonstrating the user experience and interface design.

🔮 Future Enhancements (Not Implemented)

  • 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.

About

Automate your LinkedIn presence. Because your outie has better things to do.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors