Claude Code Frontend Design Toolkit: 70+ Skills, Plugins and MCP Servers to Kill AI Slop
tom_doerr · x · 2026-08-26
The GitHub repo Claude-Code-Frontend-Design-Toolkit collects everything the author found that actually makes Claude Code output better-looking frontends — 70+ tools across 10 sections, organized by goal:
- Design Skills: kill the default "AI slop" look (same fonts, purple gradients, card layouts); start with Anthropic's official Frontend Design skill
- Site-wide theming, animation & motion (GSAP, Framer Motion, scroll effects), UI/UX intelligence (patterns, a11y, research)
- Design-to-code (Figma pipeline), testing & browser automation (give Claude eyes), docs & context (stop API hallucinations)
- Framework skills (React, Tailwind, Three.js, D3), deploy & preview, and recommended stacks for what to install together
The repo sits at 669 stars and 87 forks, with PRs welcome.
More from coding & agent
- Storing and tracking MCP inputs for reinforcement learning — frothyyyyyy · 2026-08-26
- LongRCA Bench: Diagnosing Failures in Long-Horizon Agent Trajectories — Yunfei Zhang · 2026-08-26
- Open-Source Guaardvark Simplifies ComfyUI with Voice Chat and MCP Integration — llama-of-death · 2026-08-26
- OpenAI: KV Cache is the largest and fastest-growing data structure in agentic inference — BenBajarin · 2026-08-26
- An "Artificial Civilization Scaffold" Could Make AI Smarter Without Any Retraining — New_User_1970 · 2026-08-26
- Idea: Build a Social Network Where Agents Roast and Collaborate — RileyRalmuto · 2026-08-26