Artifacts
Create and edit documents, code, images, and spreadsheets with AI-powered artifacts.
Artifacts
Artifacts are rich content objects that InfuseOS can create and edit. From documents to code to images, artifacts give you interactive, editable outputs right in your conversation.
Screenshot
[IMAGE PLACEHOLDER: Artifact full-screen view showing a document being edited]
Artifact Types
InfuseOS supports several types of artifacts:
| Type | Description | Example Use |
|---|---|---|
| Text | Markdown documents | Reports, notes, articles |
| Code | Syntax-highlighted code | Scripts, functions, snippets |
| Image | AI-generated images | Illustrations, diagrams |
| Sheet | Spreadsheet data | Data tables, calculations |
| Research | Deep research reports | Comprehensive analysis |
Creating Artifacts
Artifacts are created naturally through conversation:
Documents
"Write a blog post about AI productivity tools"
"Create a meeting agenda for tomorrow's team sync"
"Draft a project proposal for the new feature"Code
"Write a Python function to parse CSV files"
"Create a React component for a user profile card"
"Generate a SQL query to find duplicate entries"Images
"Generate an image of a modern office workspace"
"Create an illustration for my blog post about AI"Spreadsheets
"Create a budget spreadsheet for Q4"
"Make a comparison table of the three proposals"Working with Artifacts
Inline Preview
Artifacts appear as cards in your conversation. You can:
- See a preview of the content
- Click to expand to full view
- Continue editing through chat
Screenshot
[IMAGE PLACEHOLDER: Inline artifact card in conversation]
Full-Screen View
Click any artifact to open the full-screen editor:
- Text: Rich markdown editor with formatting toolbar
- Code: Syntax-highlighted editor with line numbers
- Image: Full resolution view with download option
- Sheet: Interactive spreadsheet interface
Screenshot
[IMAGE PLACEHOLDER: Full-screen artifact editor with toolbar]
Editing Artifacts
You can edit artifacts in two ways:
1. Through Chat
"Add a section about pricing to the document"
"Fix the bug in line 15 of the code"
"Make the header more prominent in the image"2. Direct Editing Open the artifact in full-screen and edit directly in the editor.
Version History
Every artifact maintains a complete version history:
- View versions: See all previous versions
- Compare versions: Diff view shows what changed
- Restore versions: Go back to any previous state
Screenshot
[IMAGE PLACEHOLDER: Version history panel with diff view]
Accessing Version History
- Open the artifact in full-screen
- Click the History button
- Browse through versions
- Click any version to view or restore
Exporting Artifacts
Download artifacts in various formats:
| Artifact Type | Export Formats |
|---|---|
| Text | Markdown, PDF |
| Code | Source file (.py, .js, etc.) |
| Image | PNG, JPG |
| Sheet | CSV, Excel |
To export:
- Open the artifact
- Click the Download button
- Choose your format
Artifact Actions
Copy to Clipboard
Click the copy button to copy artifact content to your clipboard.
Share
Generate a shareable link (coming soon).
Delete
Remove an artifact from the conversation.
Tips for Better Artifacts
1. Be Specific About Format
❌ "Write something about our product"
✅ "Write a 500-word blog post about our product's key features,
with an introduction, three main sections, and a conclusion"2. Iterate Through Chat
Don't try to get it perfect in one prompt. Start simple and refine:
"Write a draft proposal"
"Add more detail to the timeline section"
"Make the tone more formal"3. Reference Existing Content
"Update the document to include the points from our earlier discussion"
"Add the data from the spreadsheet I uploaded"4. Use Direct Editing for Small Changes
For quick fixes, edit directly in the artifact editor instead of asking the AI.
Credit Usage
Creating and editing artifacts uses credits:
| Action | Credits |
|---|---|
| Create artifact | 1 (part of message) |
| Edit through chat | 1 (per message) |
| Direct editing | Free |
| Image generation | 5 |