🚀 SoftChip Studio

🎯 What is SoftChip Studio?

SoftChip Studio is a visual circuit builder and node-based editor for designing AI-powered data pipelines. Drag-and-drop soft microchips onto a canvas, connect them like electronic circuits, and build powerful data processing workflows — all without writing code.

Think of it as combining circuit design with AI pipelines: like hardware schematic design meets n8n workflow automation. Each chip has input/output pins that you connect to route data through your AI pipeline, making complex data transformations visual and intuitive.

Build AI workflows with GPT-4, Claude, Kimi, Qwen and process audio, text, images, and signals with our 60+ ready-to-use chips.

✨ Key Features

🤖 Multi-Provider AI Integration

SoftChip Studio supports all major AI providers with a bring-your-own-key model:

🧩 60+ Functional Chips (Circuit Components)

🔄 Workflow Automation (n8n-like)

Build complex automated workflows with visual tools:

• Workflow Triggers - Manual, webhook, scheduled execution

• Conditional Branching - If/else logic with multiple operators

• Loops - Iterate over arrays and process in batches

• Parallel Execution - Run multiple branches simultaneously

• Merge - Combine results from parallel branches

• Delays - Time-based workflow control

• Error Handling - Graceful failure with fallbacks

📊 Real Data Processing

• Audio Processing - Upload real WAV/MP3 files, visualize waveforms, analyze frequencies with FFT
• CSV/Excel - Parse spreadsheets, transform data, export results
• JSON APIs - Fetch API data, transform, and process
• Image Analysis - Upload images, analyze with AI Vision
• Real-time Audio - Capture from microphone, process live

🚀 Quick Start

Prerequisites

• Node.js 18+ or Bun runtime
• npm, yarn, pnpm, or bun package manager

Installation

# Clone the repository
git clone https://github.com/tarulahsan/softchip-studio.git
cd softchip-studio

# Install dependencies
bun install
# OR with npm
npm install

# Start development server
bun run dev
# OR
npm run dev

Open http://localhost:3000 in your browser.

Production Build

bun run build
bun run start

Deploy to Vercel

1. Click the button above
2. Connect your GitHub account
3. Vercel will automatically deploy
4. Your app will be live at your-app.vercel.app

📖 Documentation

Setting Up AI Providers

1. Open the Circuit Builder
2. Click the "AI Providers" button in the toolbar
3. Enter your API key for your preferred provider:
   • OpenAI: Get keys from platform.openai.com
   • Anthropic: Get keys from console.anthropic.com
   • Kimi: Get keys from platform.moonshot.cn
   • Qwen: Get keys from dashscope.console.aliyun.com
4. Keys are stored locally in your browser (never sent to servers)
5. Start building AI-powered workflows!

Building Your First AI Pipeline Circuit

1. Add Input Chip → Drag a "Text Input" chip onto the circuit canvas
2. Add AI Chip → Drag an "AI Chat" chip and connect its input pin to the text output pin
3. Configure → Select your AI provider and model in chip settings
4. Add Output → Connect AI response output to a "Value Display" chip
5. Run → Click the Run button to execute your circuit pipeline

Understanding Circuit Chips

Each chip is like an integrated circuit component with:

• Input Pins (left side) - Where data enters the chip
• Output Pins (right side) - Where processed data exits
• Parameters - Configuration options for the chip
• Execute Function - The internal processing logic

Connect chips by drawing wires from output pins to input pins, just like designing electronic circuits!

Connecting Chips

1. Click on an output pin (right side of chip)
2. Then click on an input pin (left side of another chip)
3. A connection line will appear between them
4. Click Run to execute the circuit

📋 Available Templates

Get started quickly with pre-built templates:

🎯 Use Cases

For AI Developers

• 🚀 Rapid Prototyping - Quickly test AI pipelines before building production systems
• 🔄 Multi-Model Comparison - Compare outputs from different AI models side-by-side
• 📊 AI Data Enrichment - Process datasets with AI analysis
• 💬 Conversation Design - Design and test chatbot flows

For Data Engineers

• 📈 ETL Pipelines - Build visual extract-transform-load workflows
• ⚡ Real-time Processing - Process live data streams
• 🔌 API Integration - Connect multiple APIs without coding
• 🔄 Data Transformation - Transform data between formats

For Audio Engineers

• 🎵 Spectrum Analysis - Visualize frequency content of audio
• 🎚 Signal Filtering - Apply lowpass/highpass filters
• 📊 Waveform Visualization - See audio signals in real-time
• 🎛 Audio Processing - Process and modify audio files

For IoT Developers

• 📡 Protocol Simulation - Test UART, Modbus protocols
• 🔧 Data Encoding - Encode data for transmission
• 📊 Sensor Analysis - Process and visualize sensor data
• 🖥️ Embedded Prototyping - Prototype embedded systems visually

For Content Creators

• ✍️ Content Generation - Generate text, images, and code
• 🌍 Translation - Translate content to multiple languages
• 📝 Summarization - Create summaries of long content
• ❤️ Sentiment Analysis - Analyze audience reactions

💎 Benefits

Why Choose SoftChip Studio?

Compared to Alternatives

🏗️ Architecture

softchip-studio/
├── src/
│   ├── app/
│   │   ├── page.tsx          # Main application (3000+ lines)
│   │   ├── layout.tsx        # Root layout with metadata
│   │   └── globals.css       # Global styles & animations
│   ├── components/
│   │   └── ui/               # 40+ shadcn/ui components
│   ├── hooks/                # Custom React hooks
│   └── lib/                  # Utility functions
├── prisma/
│   └── schema.prisma         # Database schema for projects
├── public/                   # Static assets (logo, icons)
├── package.json              # Dependencies & scripts
├── tailwind.config.ts        # Tailwind CSS configuration
├── tsconfig.json             # TypeScript configuration
└── LICENSE                   # Custom license

🛠️ Tech Stack

🔒 Security & Privacy

• API Keys Stored Locally - Your AI API keys never leave your browser
• No Backend Required - All processing happens client-side
• No Tracking - No analytics, cookies, or user tracking
• No Account Required - Start building immediately
• Open Source - Audit every line of code

🤝 Contributing

We welcome contributions! Here's how to help:

Ways to Contribute

• 🐛 Report Bugs - Open an issue with details
• 💡 Suggest Features - Share your ideas in discussions
• 🔧 Add Chips - Create new chip types
• 📖 Improve Docs - Help with documentation
• 🎨 Design Templates - Create useful templates
• 🌐 Translate - Add language support

Development Setup

# Fork and clone
git clone https://github.com/YOUR_USERNAME/softchip-studio.git

# Install dependencies
bun install

# Start dev server
bun run dev

# Make changes and test
# Submit a pull request

📄 License

Personal Use: Free to use for personal, educational, and non-commercial purposes.

Commercial Use: Requires special permission. Contact for commercial licensing.

See LICENSE file for full terms.

🙏 Acknowledgments

• shadcn/ui - Beautiful, accessible UI components
• Lucide - Beautiful, consistent icons
• Framer Motion - Production-ready animations
• n8n - Inspiration for workflow automation
• Vercel - Seamless deployment platform

📞 Support

• GitHub Issues: Report bugs or request features
• GitHub Discussions: Ask questions