development

File Encryption Tool with AES-256 and Web Crypto API

Create a secure client-side file encryption tool with AES-256-GCM, PBKDF2, and drag-and-drop interface to protect your sensitive data.

>_ Prompt
Create a client-side file encryption tool using HTML5, CSS3, and JavaScript with the Web Crypto API. Build a drag-and-drop interface for file selection with progress indicators. Implement AES-256-GCM encryption with secure key derivation from passwords (PBKDF2). Add support for encrypting multiple files simultaneously with batch processing. Include password strength enforcement with entropy calculation. Generate downloadable encrypted files with custom file extension. Create a decryption interface with password verification. Implement secure memory handling with automatic clearing of sensitive data. Add detailed logs of encryption operations without storing sensitive information. Include export/import of encryption keys with proper security warnings. Support for large files using streaming encryption and chunked processing.

Code Snippet Manager: IDE-Style Interface for Developers

Build a powerful snippet manager with syntax highlighting, tagging, regex search, and export to JSON and Gist formats.

>_ Prompt
Build a developer-focused code snippet manager using HTML5, CSS3, and JavaScript. Create a clean IDE-like interface with syntax highlighting for 30+ programming languages. Implement a tagging and categorization system for organizing snippets. Add a powerful search function with support for regex and filtering by language/tags. Include code editing with line numbers, indentation guides, and bracket matching. Support public/private visibility settings for each snippet. Implement export/import functionality in JSON and Gist formats. Add keyboard shortcuts for common operations. Create a responsive design that works well on all devices. Include automatic saving with version history. Add copy-to-clipboard functionality with syntax formatting preservation.

Interactive Drawing Application with HTML5 Canvas and JavaScript

Create a full-featured drawing app with tools, layers, undo/redo, and export to PNG, JPG, SVG. Perfect code template for developers.

>_ Prompt
Create an interactive drawing application using HTML5 Canvas, CSS3, and JavaScript. Build a clean interface with intuitive tool selection. Implement multiple drawing tools including brush, pencil, shapes, text, and eraser. Add color selection with recent colors, color picker, and palettes. Include layer support with opacity and blend mode options. Implement undo/redo functionality with history states. Add image import and export in multiple formats (PNG, JPG, SVG). Support canvas resizing and rotation. Implement zoom and pan navigation. Add selection tools with move, resize, and transform capabilities. Include keyboard shortcuts for common actions.

Flashcard Study System with Spaced Repetition Algorithm

Develop a comprehensive flashcard study system using HTML5, CSS3, and JavaScript with spaced repetition algorithm and detailed progress statistics.

>_ Prompt
Develop a comprehensive flashcard study system using HTML5, CSS3, and JavaScript. Create an intuitive interface for card creation and review. Implement spaced repetition algorithm for optimized learning. Add support for text, images, and audio on cards. Include card categorization with decks and tags. Implement study sessions with performance tracking. Add self-assessment with confidence levels. Create statistics dashboard showing learning progress. Support import/export of card decks in standard formats. Implement keyboard shortcuts for efficient review. Add dark mode and customizable themes.

Habit Tracking App with HTML5, CSS3 and JavaScript

Professional prompt for creating a habit tracker with gamification, statistics and progress visualization. Perfect for productivity apps.

>_ Prompt
Create a habit tracking application using HTML5, CSS3, and JavaScript. Build a clean interface showing daily, weekly, and monthly views. Implement habit creation with frequency, reminders, and goals. Add streak tracking with visual indicators and milestone celebrations. Include detailed statistics and progress graphs. Support habit categories and tags for organization. Implement calendar integration for scheduling. Add data visualization showing patterns and trends. Create a responsive design for all devices. Include data export and backup functionality. Add gamification elements with achievements and rewards.

Professional Exploded View Prompt for Technical 3D CAD Renders

Generate ultra-detailed exploded technical infographics and photorealistic 3D CAD renders for industrial design presentations and documentation.

>_ Prompt
{
  "name": "My Workflow",
  "steps": []
}{
  "promptDetails": {
    "description": "Ultra-detailed exploded technical infographic of {OBJECT_NAME}, shown in a 3/4 front isometric view. The object is partially transparent and opened, with its key internal and external components separated and floating around the main body in a clean exploded-view layout. Show all major parts typical for {OBJECT_NAME}: outer shell/panels, structural frame, primary electronics/boards, power system/battery or PSU, ports/connectors, display or interface elements if present, input controls/buttons, mechanical modules (motors/gears/fans/hinges) if applicable, speakers/microphones if applicable, cables/flex ribbons, screws/brackets, and EMI/thermal shielding. Use thin white callout leader lines and numbered labels in a minimalist sans-serif font. Background: smooth dark gray studio backdrop. Lighting: soft, even, high-end product render lighting with subtle reflections. Style: photoreal 3D CAD render, industrial design presentation, high contrast, razor-sharp, 8K, clean composition, no clutter.",
    "styleTags": [
      "Exploded View",
      "Technical Infographic",
      "Photoreal 3D CAD Render",
      "Industrial Design Presentation",
      "Minimalist Labels",
      "Dark Studio Background"
    ]
  },
  "negativePrompt": "no people, no messy layout, no extra components, no brand logos, no text blur, no cartoon, no low-poly, no watermark, no distorted perspective, no heavy noise",
  "generationHints": {
    "aspectRatio": "2:3",
    "detailLevel": "ultra",
    "stylization": "low-medium",
    "camera": {
      "angle": "3/4 front isometric",
      "lens": "product render perspective"
    },
    "lighting": "soft even studio lighting, subtle reflections",
    "background": "smooth dark gray seamless backdrop"
  }
}

BibTeX Formatter: Standardize Academic Research References

Create professional BibTeX files for academic research. Automatically format citations, author names, and DOI fields according to LaTeX standards.

>_ Prompt
I am preparing a BibTeX file for an academic project. Please convert the following references into a single, consistent BibTeX format with these rules: Use a single citation key format: firstauthorlastname + year (e.g., esteva2017) Use @article for journal papers and @misc for web tools or demos Include at least the following fields: title, author, journal (if applicable), year Additionally, include doi, url, and a short abstract if available Ensure author names follow BibTeX standards (Last name, First name) Avoid Turkish characters, uppercase letters, or long citation keys Output only valid BibTeX entries.