Liquid Glass React — Apple-style glass for React
Liquid Glass React is a free component that gives buttons and cards Apple's Liquid Glass look, with refraction, frost and a liquid feel on click.
Skills
Short notes on AI coding-agent skills: what each one is, what it does, and how to install it.
Liquid Logo — turn a flat logo into liquid metal
Liquid Logo from Paper turns a flat logo into moving liquid metal in the browser. Upload an SVG, tune the effect, and use Paper Shaders to put it on a site.
React Three Fiber — 3D scenes for React sites
React Three Fiber lets you build Three.js 3D scenes as React components, so an AI coding agent can add a rotating product model to your site.
ShaderGradient — moving 3D gradients for sites
ShaderGradient makes smooth, moving 3D gradients for React, Vue, Figma and Framer. Design one on its site, then let your AI agent add it to your page.
Context Engineering — skills for building better AI agents
Agent Skills for Context Engineering is a free set of 18 skills on managing an AI agent’s context window, memory, tools and evaluation.
Marketing Skills — a marketing playbook for your agent
Marketing Skills is a free set of 52 skills that helps Claude Code, Codex, Cursor and other agents with copy, SEO, ads, email and conversion.
Remotion skills — videos in React, written by your agent
Remotion Agent Skills are the official skills that teach Claude Code, Codex, Cursor and other agents to build, preview and render videos in React.
Stop Slop — a skill that removes AI tells from writing
Stop Slop is a free skill that teaches Claude and other AI models to cut the phrases, structures and rhythms that make writing sound machine-made.
UI UX Pro Max — design rules for your AI coding agent
UI UX Pro Max is a free skill that gives Claude Code, Cursor, Codex and other agents a design system generator with styles, colors and fonts.
OpenMontage — a video studio run by your coding agent
OpenMontage is a free, open-source system that lets Claude Code, Cursor, Codex and other agents research, script, voice, edit and render a finished video.
scroll-craft — scroll websites that pass a design check
scroll-craft is a free skill for Claude Code, Codex and other agents that builds scroll-driven websites, then checks every scroll position in a browser.
Superpowers — ask, plan and test before your agent codes
Superpowers is a free set of skills for Claude Code, Codex, Cursor and other agents. It asks what you want, writes a plan, then builds it with tests.
REA — see how any app feature works, then build yours
REA is a free MCP server that lets Claude Code, Codex or Cursor inspect an app without its source code, explain how a feature works and show the evidence.
Graphify — a map of your code for AI coding tools
Graphify turns a codebase into a knowledge graph on your computer, so Claude Code, Cursor, Codex or Gemini CLI can ask the map instead of reading every file.
instagram-agent-skill — 13 Claude skills for Instagram
instagram-agent-skill is a free set of 13 Claude skills that write Reels, captions, carousels, stories and replies for Instagram, then check the text.
AGENTS.md — eight rules from 60 billion tokens
Marcos Hernanz shared the AGENTS.md he uses after about 60 billion tokens. Eight short rules that push a coding agent toward simple, proven solutions.
find-skills — the skill that finds other skills
find-skills lets a coding agent search the skills.sh directory, check what it finds, and install a skill for the task you describe.
Virality Predictor — score a reel before you post
Higgsfield's Virality Predictor scores a clip of up to 15 seconds before you post it: a score, the peak hook moment, a hold rate, and a brain heatmap.
Seven Claude agents, already written down
A reel says seven new Claude agents can replace a company. The patterns are real. Anthropic wrote most of them down on 19 December 2024.
geo-sleuth — find where a photo was taken
geo-sleuth is a free skill that finds where a photo was taken. It uses maps, mountain shapes, satellite pictures, and street view, and it shows its work.
TailAdmin — a free Next.js admin panel
TailAdmin is a free Next.js and Tailwind admin panel. Give a coding tool the repo, and it can build your panel on that design instead of an old one.
gstack — Garry Tan's Claude Code setup
Garry Tan's free setup for Claude Code. It helps you plan, check, test, and ship. The star count and install steps come from the project.
Impeccable, by Paul Bakaus
Paul Bakaus's design skill: 24 shared commands and 59 checks. It stops the same template, and it can fix a page you already have.
Taste Skill, by Leonxlnx
Leonxlnx's Taste Skill studies 247 chosen sites. It gives a coding tool one direction, then checks the page in a real browser.
Emil Kowalski's animation skill
Emil Kowalski's skills tell a coding tool how things should move, so the page feels finished instead of generic.