workflowstacks
ai-agent

Flexible Web Apps with Liquid

Create safe customer-facing templates with Liquid, ideal for startup founders building web apps
intermediateโฑ 30 minutes๐Ÿ’ต Free (self-hosted)
11,889 stars1,542 forksRubyGuide quality 9/10 ยท reviewed Jun 30Updated 9/17/2026100% free ยท open source
What it is

You use Liquid to create simple, safe web templates.

Real use case example

"A solo developer, Alex, wants to create a customizable product page on their e-commerce site using Liquid. Alex writes a template in Liquid and uses it to pull product names and prices from their Shopify store. When a product is added, they can easily update the page without needing to touch code."

Best insideClaude Desktop
When to use it
  • โ€ขYou need to generate dynamic content for your web app based on user data or external APIs.
  • โ€ขYou want to separate presentation logic from application logic in your web app.
  • โ€ขYou need to create customizable templates for your web app that can be edited by non-technical users.
Ready-to-paste prompt
Render a template with some sample data: `template = Liquid::Template.parse('Hello, {{ name }}!'); template.render('name' => 'Alice')`
Heads up: Remember to use the `strict_filters` option when parsing templates to prevent code injection attacks: `template = Liquid::Template.parse(File.read('template.liquid'), { strict_filters: true })`.
Saves to your device
Use with Claude
New

Skip the builder โ€” one click puts this in Claude, Cursor, Antigravity and more.

๐Ÿ› ๏ธ Technical setup

Expect 20โ€“40 minutes in a terminal โ€” or let your AI agent drive it.

Try it instantly โ€” no install
Claude Code
mkdir -p ~/.claude/skills/liquid && curl -fsSL https://workflowstacks.com/api/skills/liquid/claude-skill -o ~/.claude/skills/liquid/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go โ€” no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How Flexible Web Apps with Liquid works
Codeflow
Free to inspect

Flexible Web Apps with Liquid is a medium Ruby project (~5.9k lines across 82 code files, plus 72 test files). Expect some technical setup โ€” comfortable with a terminal, or ask a developer. Last commit this month, MIT license, has a test suite.

Size
Medium codebase
~5.9k lines ยท 82 code files ยท 49 min skim
Setup
Some technical setup
Comfortable with a terminal? 20โ€“40 min. Otherwise ask a dev.
Runs on
Ruby
No API keys detected
Ruby 89%Liquid 11%
Where to start reading
  1. 1
    README.md
    Start here โ€” what it does and how to install it
  2. 2
    bin/render
    Where the program starts running
  3. 3
    lib/liquid.rb
    Inside lib/ โ€” the main logic begins here
  4. 4
    example/server/example_servlet.rb
    A worked example โ€” copy this to get going
What's in each folder
lib/Core code โ€” the actual logic65 files
bin/Command-line entry points1 files
example/Examples you can copy5 files
performance/Folder50 files
test/Tests โ€” proof it works68 files
spec/Tests โ€” proof it works5 files
.github/CI / automation (GitHub Actions)3 files
READMEHas testsThin docsCI checksExamples includedMIT licenseUpdated this month
Quick Actions
Details
Creator
Shopify
Language
Ruby
Category
ai-agent
Published
5/8/2008

Are you the creator of this tool? and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/liquid.svg)](https://workflowstacks.com/skills/liquid?utm_source=github&utm_medium=badge)
๐Ÿ”ฅ Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work โ€” importable n8n templates, outcome guides and Claude Desktop configs.

Outcome guide

Write bulk product descriptions for your Shopify store

Export your products to a Google Sheet, run the workflow once, and it fills in a description for every product without one โ€” in your chosen tone. Import the results back into Shopify.

Free n8n template

AI Product Description Writer

Turn a Google Sheet of product names + features into polished, conversion-focused descriptions โ€” in bulk.

MCP config

Context7 (live docs) MCP config

Pull up-to-date library docs into Claude so it codes against the real API.

Related skills

More ai-agent tools founders pair with this one.

ai-agentโ˜… 276,806
Track GitHub Stars with 996.ICU
Get a popular GitHub star counter for your startup, ideal.
ai-agentโ˜… 264,191
Superpowers
An agentic skills framework & software development methodology that works.
ai-agentโ˜… 244,424
Linux: Open Source Kernel
Get the Linux kernel source tree for custom development, ideal for startup founders in need of a flexible OS foundation
ai-agentโ˜… 4,049
Openagents
OpenAgents - AI Agent Networks for Open Collaboration
ai-agentโ˜… 1,098
Monitor LLM with relay-pulse
Founders get real-time service status tracking.
ai-agentโ˜… 412
WayfinderRouter
Simple CLI tool for deterministic routing of queries between local and hosted LLM models