The Ultimate AI Content & Multimedia Studio for Malaysian Female Entrepreneurs & Creators.
Crafted with passion by aimirah.com • 2026 Nur Amirah Mohd Kamil
SheWrites! is a comprehensive, bilingual (Bahasa Melayu & English) AI studio engineered specifically for women entrepreneurs, creators, and digital marketers in Malaysia. Powered by Google's next-generation Gemini 3 and Imagen 3 models via @google/genai, SheWrites! empowers users to craft viral social media threads, produce marketing copy, generate luxury aesthetic imagery, analyze visual assets, and synthesize voiceovers seamlessly.
- Pre-defined Prompt Templates:
- 🔥 Viral Thread (Thread Tular): 5-part storytelling formula engineered for high engagement and reposts.
- 👑 Luxury Affirmation (Affirmasi Mewah): Quiet-luxury, calm, abundance mindset copywriting.
- 🛍️ Sales Hook (Pencangkuk Jualan 5-Angka): Problem → Agitation → Solution conversion framework.
- ⭐ Client Transformation Story: Compelling before-and-after social proof narratives.
- 📈 Money Mindset Memo: Authoritative thought leadership and financial intelligence.
- 💬 Relatable Banter & Meme: Witty, relatable posts reflecting everyday female entrepreneurship.
- Editable Output Canvas: Directly edit and polish the AI-generated Hook, Thread Post, CTA, and Hashtags in real time.
- Markdown Formatting Toolbar: Format text instantly with Bold, Italic, and Bulleted List (
•) controls. - Live Word & Character Count Tracker: Real-time counter for each section to ensure compliance with character limits (e.g. 500-char limit on Threads).
- 1-Click Copy to Clipboard: Instant copy with visual feedback ("Disalin!" / "Copied!").
- Search Grounding & Deep Thinking: Toggle real-time Google Search grounding or high-reasoning Gemini 3.1 Pro mode.
- Text-to-Image Generation: Photorealistic and aesthetic image creation powered by
imagen-3.0-generate-001. - Multi-Aspect Ratio Support: Seamless output in
1:1(Square),3:4(Portrait),4:3(Landscape),9:16(Story/Reel), and16:9(Widescreen). - Image-to-Image Generation: Provide visual reference images combined with descriptive prompts.
- Prompt-Based Image Editing: Edit and enhance existing photos using
gemini-3.1-flash-lite-image. - Aesthetic Refinement: Modify lighting, backgrounds, subjects, and artistic styles without loss of quality.
- Vision-Powered Insights: Upload product or social photos for comprehensive visual audits using
gemini-3.6-flash. - Actionable Copy Extraction: Automatically extract marketing hooks, color palette recommendations, and audience engagement suggestions from any image.
- Bilingual Business Persona: Conversational AI consultant tuned for the Malaysian market, personal branding, and female entrepreneurship.
- Real-Time Streaming Responses: Instant, low-latency streaming chat powered by
gemini-3.6-flash.
- High-Fidelity Text-to-Speech (TTS): Convert captions and affirmations into studio-quality spoken audio using
gemini-3.1-flash-tts-previewwith realistic speech synthesis.
- Bilingual Support: Instant toggle between Bahasa Melayu (MS) and English (EN) with dynamic localization.
- Dark / Light Mode: Complete theme toggle with persistent preferences.
- Fluid Ambient Visualizer: Responsive background canvas.
- Clean Typography & Responsive Layout: Built with Playfair Display (Serif) & Montserrat (Sans) with fluid container scaling across mobile, tablet, and desktop.
| Layer | Technology |
|---|---|
| Frontend Framework | React 19 + TypeScript |
| Bundler & Tooling | Vite 6 |
| Styling | Tailwind CSS |
| Icons | Custom SVG Lucide-compatible icon system |
| AI Models (LLM / Multimodal) | Google Gemini 3 (gemini-3.6-flash, gemini-3.1-pro-preview) |
| Image Generation & Editing | Google Imagen 3 (imagen-3.0-generate-001, gemini-3.1-flash-lite-image) |
| Voice Synthesis (TTS) | Google Gemini TTS (gemini-3.1-flash-tts-preview) |
| SDK | @google/genai (Official Google Gen AI SDK) |
- Node.js (version 18.0.0 or higher)
- npm or bun
- A Google Gemini API Key
-
Clone the repository:
git clone https://github.com/your-username/shewrites.git cd shewrites -
Install dependencies:
npm install
-
Configure Environment Variables: Create a
.envor.env.localfile in the root directory:GEMINI_API_KEY=your_actual_gemini_api_key_here
-
Start the Development Server:
npm run dev
Open http://localhost:3000 (or the port specified in terminal) in your browser.
To compile TypeScript and create a production build:
# Type check and build with Vite
npm run build
# Preview production build locally
npm run previewshewrites/
├── components/
│ ├── audio/ # Audio & Text-to-Speech components
│ ├── chatbot/ # AI Chatbot assistant with streaming
│ ├── common/ # Button, Select, Theme & Language Switchers, Skeletons
│ ├── content/ # Content Studio, Templates Sidebar & Template Data
│ ├── image/ # Image Generator, Editor & Analyzer
│ ├── Header.tsx # Responsive brand navigation & controls
│ ├── Icons.tsx # High-precision SVG iconography
│ └── TabButton.tsx # Studio navigation tabs
├── services/
│ └── geminiService.ts # Centralized @google/genai API client & workflows
├── App.tsx # Core application layout & view router
├── LanguageContext.tsx # Internationalization context (MS / EN)
├── translations.ts # Complete bilingual locale strings
├── types.ts # TypeScript interfaces, enums, & schemas
├── index.html # HTML entry with font configurations
├── vite.config.ts # Vite configuration
└── package.json # Dependencies & scripts
- Creator & Developer: Nur Amirah Mohd Kamil
- Website: aimirah.com
- Year: 2026
This project is licensed under the MIT License.