{"componentChunkName":"component---src-templates-blog-post-jsx","path":"/blog/enhancing-chatgpt-responses-with-fabric-ai-prompts/","result":{"data":{"site":{"siteMetadata":{"name":"Huzaifa Rasheed","title":"Huzaifa Rasheed","description":"Software Engineer","about":"\n Hey, I'm Huzaifa.\n

\n Engineer by trade, builder by instinct - I believe in owning my stack, shipping fast, and occasionally running on chai (tea) and stubbornness. I work best in that sweet spot between deep focus and fast feedback - solo or in sync with a good team.\n

\n This site's my little corner of the internet - part portfolio, part lab - where I document what I build, break, or learn.\n

\n Outside work, I'm into long walks, pixel-perfect headshots in FPS games (eventually... maybe), plants I probably overwater, and the occasional \"classified\" hobby to stay curious.\n

\n Reach out anytime - my digital door's always open. 👋\n ","twitter":"https://twitter.com/huzRasheed","github":"https://github.com/huzaifa-99","linkedin":"https://www.linkedin.com/in/huzaifa-rasheed/","devto":"https://dev.to/huzaifa99","stackoverflow":"https://stackoverflow.com/users/12579290/huzaifa","leetcode":"https://leetcode.com/rhuzaifa","discord":"https://discordapp.com/users/rhuzaifa","email":"dev@rhuzaifa.com","projects":[{"name":"FFMpeg Web","description":"An experimental browser-based terminal that runs FFmpeg using WebAssembly, enabling media processing directly in the browser.","link":"https://ffmpeg-web.rhuzaifa.com/","github":"https://github.com/huzaifa-99/ffmpeg-web"},{"name":"Feed base 2","description":"A mini browser game where players manipulate 4-bit binary blocks to match target BCD values - part puzzle, part binary logic trainer.","link":"https://feedbase2.rhuzaifa.com/","github":"https://github.com/huzaifa-99/feed-base-2"},{"name":"Fabric browser extension","description":"A Chrome extension that injects engineered Fabric prompts directly into the ChatGPT interface for enhanced workflow automation.","link":"https://github.com/huzaifa-99/fabric-browser-extension","github":"https://github.com/huzaifa-99/fabric-browser-extension"},{"name":"Pure Cinema","description":"An experimental, tongue-in-cheek text-to-video generator that stitches together footage, synthesized voiceovers, and background music with a Node.js + ffmpeg pipeline. Not quite Hollywood, but it renders.","link":"https://cinema.rhuzaifa.com","github":null},{"name":"Aria2c Packload","description":"A Bash script for bulk downloading magnet links or torrents using aria2c - optimized for series or list-based transfers.","link":"https://github.com/huzaifa-99/aria2c-packload","github":"https://github.com/huzaifa-99/aria2c-packload"},{"name":"RSS Watchdog","description":"A lightweight Bash script that watches RSS/Atom feeds and compiles a Markdown-based reading checklist for Unix systems.","link":"https://github.com/huzaifa-99/rss-watchdog","github":"https://github.com/huzaifa-99/rss-watchdog"},{"name":"QuoteGen","description":"A quote graphic generator that produces stylized quote images with random selection and a built-in editor for customization.","link":"https://quotegen.rhuzaifa.com/","github":null},{"name":"WebRTC Video Chat","description":"A basic WebRTC-powered app enabling peer-to-peer video and audio calls between two users.","link":"https://webrtc-video-chat.rhuzaifa.com/","github":null}],"experience":null,"skills":[{"name":"Languages & Frameworks","description":"JavaScript, TypeScript, Python, Bash - Frameworks include Node.js, React, Next.js, Vue, React Native, FastAPI."},{"name":"Databases & Storage","description":"PostgreSQL, MySQL, MongoDB - Experience with schema design, indexing, query optimization, and migrations."},{"name":"Cloud & Infrastructure","description":"AWS (EC2, RDS, S3, Lambda), Vercel, Netlify, Heroku - Comfortable with serverless, autoscaling, and cost optimization."},{"name":"DevOps & Tooling","description":"Docker, Git, CI/CD pipelines (GitHub Actions, GitLab CI) - Experience with observability, containerization, and release workflows."},{"name":"Testing & QA Automation","description":"Jest, Playwright, Puppeteer, Selenium - Focus on E2E testing, mocking APIs, and maintaining test coverage."}]}},"markdownRemark":{"id":"a1368d90-16ff-56da-99a8-0be3c00614b1","excerpt":"I was constantly reusing prompt patterns from Fabric while chatting with ChatGPT. But every time, I had to: Search the Fabric repo Copy a pattern Paste it…","html":"

I was constantly reusing prompt patterns from Fabric while chatting with ChatGPT. But every time, I had to:

\n\n

Too much friction for something I did daily.

\n

There are tools like AIPRM that solve this problem - but they’re not open-source. I wanted something lighter, more transparent, and built specifically around Fabric patterns.

\n

So I made my own Chrome extension.
\n(I have this weird habit of building my own “X” 😅)

\n
\n

Wait - What’s Fabric?

\n

Fabric is an open-source project focused on ”augmenting human intelligence using AI tools“.

\n

Its best feature (IMO) is a large library of engineered prompt templates - called “patterns” - that help LLMs like ChatGPT generate clearer, more consistent results.

\n

Think of it as curated prompt engineering, so you don’t have to craft prompts yourself.

\n

Browse them here → Fabric Patterns

\n
\n

What the Extension Does

\n

The extension brings Fabric patterns directly into ChatGPT.

\n

Once installed, it adds a small Ƒ button to ChatGPT’s input bar:

\n\n \n \n \"Fabric\n \n \n

Click it to open the settings modal:

\n\n \n \n \"Fabric\n \n \n

From here, you can:

\n\n

Once you’ve selected a pattern, just type your message like normal. The extension wraps your message in the pattern before sending it to ChatGPT.

\n

Here’s it in action:

\n

\n

It basically acts like a prompt wrapper - injecting the pattern around your input, so you don’t have to copy-paste every time.

\n
\n

Here are a few patterns I use regularly:

\n\n

You can use any of Fabric’s patterns the same way - just pick the one you want from the extension menu, and it’ll handle the rest.

\n

How to Install

\n

To use it:

\n
    \n
  1. Clone or download the fabric-browser-extension repo
    2. \n
  2. Open Chrome and go to chrome://extensions/
    3. \n
  3. Enable Developer Mode (top-right toggle)
    4. \n
  4. Click Load unpacked and select the extension folder
    5. \n
  5. Head to ChatGPT - you’ll see the Ƒ button
    6. \n
\n

That’s it. No config files, API keys, or logins needed.

\n
\n

This made my ChatGPT workflow way smoother - and I hope it helps you too.

\n

If you find it useful or have ideas to improve it, feel free to open an issue or contribute.

\n

Enjoy!

","frontmatter":{"title":"Enhancing ChatGPT Responses with Fabric's AI Prompts","date":"June 23, 2024","description":"A guide on how to use engineered prompts from Fabric directly in the ChatGPT web interface"}}},"pageContext":{"slug":"/blog/enhancing-chatgpt-responses-with-fabric-ai-prompts/","previous":{"fields":{"slug":"/blog/using-aria2c-to-automate-batch-downloads/"},"frontmatter":{"title":"Using aria2c To Automate Batch Downloads"}},"next":{"fields":{"slug":"/blog/aggregating-rss-feeds-locally-with-a-simple-bash-script/"},"frontmatter":{"title":"Aggregating RSS Feeds Locally with a Simple Bash Script"}}}},"staticQueryHashes":["2276319502"]}