AI-experiments

KO | EN

gitlite — search

#hacktoberfest #python #css #html #javascript #machine-learning #react #deep-learning #nextjs #typescript #android #opencv

★ 67 Open GitHub ↗

Experiments on ways to utilize AI in applications

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![AI Experiments](https://raw.githubusercontent.com/mikelikesdesign/AI-experiments/main/experiments.gif)

# AI Experiments

I will be sharing my experiments on ways to utilize AI to this repo.

These experiments have been updated to apps that work without an LLM API key so you can explore the ideas directly to utilize in your work.

If you would like the version that runs on an LLM, reach out to me on X: [@mikelikesdesign](https://x.com/mikelikesdesign), and I can work on a version where you upload your own API key.

## Experiments

### AI Content Drag

This experiment lets the user scroll down while reading to choose between a simplified version or learning more.

[Code](AI%20content%20drag) | [Demo](https://x.com/mikelikesdesign/status/2032980860782391504)

### AI Nodes

In this experiment the user types a word or phrase to learn about and then drags a connected node to learn about relevant topics.

![AI Nodes](https://raw.githubusercontent.com/mikelikesdesign/AI-experiments/main/media/AI%20nodes.gif)

Code (coming soon) | [Demo](https://x.com/mikelikesdesign/status/1958629089910431854)

### AI Globe

This experiment explores a visualization of AI.

![AI Globe](https://raw.githubusercontent.com/mikelikesdesign/AI-experiments/main/AI%20globe/AI%20globe.gif)

[Code](AI%20globe) | [Demo](https://x.com/mikelikesdesign/status/1984780016761344155)

### AI-LLM

This experiment explores a different way for the user to change the LLM the chat is using through a 3D tape interaction.

![AI-LLM](https://raw.githubusercontent.com/mikelikesdesign/AI-experiments/main/AI-LLM/AI-LLM.gif)

[Code](AI-LLM) | [Demo](https://x.com/mikelikesdesign/status/2050795695876243956)

### Chat Expressions

In this experiment the AI assesses the user's reaction while they read an answer. If the user looks confused, a more simple version is generated. If the user seems interested, a more detailed version is generated.

![Chat Expressions](https://raw.githubusercontent.com/mikelikesdesign/AI-experiments/main/media/chat%20expressions.gif)

Code (coming soon) | [Demo](https://x.com/mikelikesdesign/status/2010564041542860801)

### Content Ideas

Select any word or phrase, tap Rephrase, then drag the quadrant control to adjust the AI toward simpler, casual, formal, or advanced content ideas.

For this demo, highlight the word "Prototyping" to see how this interaction works.

![Content Ideas](https://raw.githubusercontent.com/mikelikesdesign/AI-experiments/main/content%20ideas/content%20ideas.gif)

[Code](content%20ideas) | [Demo](https://x.com/mikelikesdesign/status/2048578683447988621)

### Fast Reading

This experiment creates a reading view based on AI-generated content to help the user read faster.

Code (coming soon) | [Demo](https://x.com/mikelikesdesign/status/2011657345529676124)

### Pinch Experiment

This experiment explores pinching an article into an AI-generated summary. The page folds down as the user pinches, moves through a fast space-like loading state, then opens into a concise overview.

Shoutout to Arc Search's pinch to summarize feature for some of the inspiration.

[Code](pinch%20experiment) | [Demo](https://x.com/mikelikesdesign/status/2021815768124690633)

### Pinch Gestures

This experiment remixes [Pinch Text](pinch-text) by using the front-facing camera to detect pinch gestures. It explores how AI can reshape writing to match the level of detail someone wants in the moment, moving text between a basic overview, detailed analysis, and advanced analysis through gesture detection.

Code (coming soon) | [Demo](https://x.com/mikelikesdesign/status/1962192343387472129)

### Pinch Prompts

This experiment explores a chat history where pinching reveals a prompt navigator, letting the user skim previous prompts and jump back to the original exchange.

Shoutout to [Rauno Freiberg](https://x.com/raunofreiberg) for some of the inspiration: [post](https://x.com/raunofreiberg/status/2031794945896378820).

![Pinch Prompts](https://raw.githubusercontent.com/mikelikesdesign/AI-experiments/main/pinch%20prompts/pinch%20prompts.gif)

[Code](pinch%20prompts) | [Demo](https://x.com/mikelikesdesign/status/2045278395291087012)

### Pinch Text

This experiment explores how AI can reshape writing to match the level of detail someone wants in the moment. A pinch gesture moves the text between a basic overview, detailed analysis, and advanced analysis, turning reading depth into a direct tactile control.

![Pinch Text](https://raw.githubusercontent.com/mikelikesdesign/AI-experiments/main/media/pinch%20text.gif)

[Code](pinch-text) | [Demo](https://x.com/mikelikesdesign/status/1885506922302013919)

### Prompt Scroll

This experiment explores a way to scrub and navigate between different prompts.

![Prompt Scroll](https://raw.githubusercontent.com/mikelikesdesign/AI-experiments/main/prompt%20scroll/prompt%20scroll.gif)

[Code](prompt%20scroll) | [Demo](https://x.com/mikelikesdesign/status/2059955623996068282)

### Quick Camera

This experiment offers a quick way to take a photo to send to the AI as context.

![Quick Camera](https://raw.githubusercontent.com/mikelikesdesign/AI-experiments/main/media/quick%20camera.gif)

Code (coming soon) | [Demo](https://x.com/mikelikesdesign/status/1994192671120691542)

### Reading Tracker

This experiment explores how AI can provide small nudges of encouragement to help someone finish reading. As the reader moves through an article, the experience tracks progress and responds with supportive status updates, ending with a celebratory moment when they complete the post.

[Code](reading%20tracker) | [Demo](https://x.com/mikelikesdesign/status/1861940569049800989)

### Tap Explore

This experiment lets the user hold to zoom in a space like interface while AI generates a topic in the background.

Code (coming soon) | [Demo](https://x.com/mikelikesdesign/status/1936041378364166588)

### Word Slider

This experiment explores how AI can reshape a message across tone and detail with a simple slider. Dragging the control between concise, detailed, professional, and fun regions rewrites the text to match the selected style.

[Code](word%20slider) | [Demo](https://x.com/mikelikesdesign/status/1835462175231795377/video/1)

### Word Tap

This experiment explores how AI can let the user rewrite a piece of text one word at a time. The user can press and hold any word so the rest of the text fades back while AI suggests synonyms, then tap one to swap it in.

![Word Tap](https://raw.githubusercontent.com/mikelikesdesign/AI-experiments/main/media/word%20tap.gif)

Code (coming soon) | [Demo](https://x.com/mikelikesdesign/status/1835462175231795377)

AI-experiments

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README