Create, Transform, Innovate - A powerful web-based application for generating and formatting text using artificial intelligence.
- Multiple Content Types: Generate news articles, blog posts, essays, diary entries, and short stories
- Keyword-Based: Create content based on topics or keywords you provide
- Multi-Language Support: Generate content in Italian, English, Spanish, French, German, Portuguese, Chinese, Japanese, Korean, or any custom language
- Length Control: Choose between short, medium, or long content lengths
- Style Transformation: Format existing text into different styles including:
- Social media posts
- Professional blog format
- Minimal/clean formatting
- Markdown Support: Automatic markdown formatting for enhanced readability
- Conversation History: Maintains context for iterative formatting
- Multiple AI Providers: Support for various AI services:
- Mock/Demo Mode: No API required for testing
- Hugging Face: Access to open-source models
- OpenAI: GPT models integration
- Azure OpenAI: Enterprise-grade OpenAI services
- Anthropic Claude: Advanced conversational AI
- GitHub Models: GitHub's AI model offerings
- Flexible Configuration: Easy switching between providers
- Custom Models: Support for custom model specifications
- Dark/Light Theme: Toggle between themes for comfortable viewing
- Responsive Design: Works seamlessly on desktop and mobile devices
- Export Options: Copy to clipboard, download as file, or share content
- Settings Persistence: Your preferences are saved locally
- Real-time Processing: Live text generation and formatting
-
Clone the repository:
git clone https://github.com/davvoz/ai_text_studio_by_luciogiolli.git cd ai_text_studio_by_luciogiolli -
Serve the application: Since this is a client-side application, you can serve it using any static file server:
Option 1: Python (if you have Python installed)
python3 -m http.server 8080
Option 2: Node.js (if you have Node.js installed)
npx serve .Option 3: PHP (if you have PHP installed)
php -S localhost:8080
-
Open in browser: Navigate to
http://localhost:8080
- Select "Demo Mode (No API)" in the API configuration
- Perfect for testing the interface without API keys
- Click the ⚙️ Configure API button
- Select your preferred AI provider
- Enter your API token/key
- Choose a model (if applicable)
- Save settings
Getting API Keys:
- Hugging Face: Get your token (use Inference API token)
- OpenAI: Get your API key
- Anthropic: Get your key
- Azure OpenAI: Configure through Azure portal
- GitHub Models: GitHub personal access token
- Navigate to the Generate tab
- Enter your topic or keywords in the text area
- Select content type (news article, blog post, essay, etc.)
- Choose language and content length
- Click "Generate Text"
- Review and export your generated content
- Navigate to the Format tab
- Paste or type your text in the input area
- Select a formatting style (social, blog, minimal)
- Click "Format Text"
- Review the formatted output
- Be specific with your keywords and topics
- Use the conversation history for iterative improvements
- Experiment with different providers for varied outputs
- Adjust length settings based on your needs
- Pure JavaScript ES6+: Modern JavaScript with module system
- Responsive CSS: Mobile-first design approach
- Font Awesome: Icon library
- Google Fonts: Typography (Poppins, Montserrat)
- Modular Design: Separate services for different functionalities
- Service Layer: Dedicated services for generation, formatting, UI control, etc.
- Provider Pattern: Pluggable AI provider system
- Local Storage: Client-side settings persistence
- GeneratorService: Handles text generation logic
- FormatterService: Manages text formatting operations
- LLMGateway: Unified interface for AI providers
- UIController: Manages user interface interactions
- SettingsManager: Handles configuration and preferences
- NotificationService: User feedback and notifications
ai_text_studio_by_luciogiolli/
├── index.html # Main application interface
├── css/ # Stylesheets
│ ├── styles.css # Main styles
│ ├── api-config.css # API configuration styles
│ ├── markdown.css # Markdown formatting
│ └── ... # Component-specific styles
├── js/ # JavaScript modules
│ ├── script.js # Main application entry point
│ ├── CONFIG.js # Application configuration
│ ├── GeneratorService.js # Text generation service
│ ├── FormatterService.js # Text formatting service
│ ├── LLMGateway.js # AI provider gateway
│ ├── providers/ # AI provider implementations
│ └── ... # Other service modules
├── assets/ # Static assets
│ ├── app_icon.jpeg # Application icon
│ └── screenshot.png # Application screenshot
└── README.md # This file
Contributions are welcome! Here's how you can help:
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Make your changes and test thoroughly
- Commit your changes:
git commit -m 'Add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
- Follow the existing code style and architecture
- Test your changes with multiple AI providers
- Ensure responsive design compatibility
- Update documentation as needed
This project is developed by Lucio Giolli.
- Lucio Giolli - Original developer and creator
- AI Provider Communities - For making powerful AI models accessible
- Open Source Community - For the tools and libraries that make this possible
If you encounter any issues or have questions:
- Check the GitHub Issues for existing solutions
- Open a new issue with detailed information about your problem
- Include your browser, AI provider, and error messages when reporting bugs
AI Text Studio - Empowering creativity through artificial intelligence ✨