Browse by category

AI & Agents Frontend & Design Backend & Data Dev Tools Automation Testing & Review Security Monitoring & Cloud Docs & Planning

Design & frontend

Design systems Animation & motion Accessibility (a11y)CSS & Tailwind UI design UX Design to code shadcn/ui Landing pages Best design skills

Five minutes, every Monday — the tools, releases and tactics for shipping solo.

unsubscribe anytime.

Frontend Design

johnlindquist/claude-workshop-skills

Helps with frontend development tasks.

npx skills add https://github.com/johnlindquist/claude-workshop-skills --skill frontend-design

Installs	17
Repository	johnlindquist/claude-workshop-skills ↗

Related skills

Frontend DesignShip polished web UI—landing pages, dashboards, or React/HTML components—with a deliberate visual direction instead of generic template styling.559k148k

Vercel React Best PracticesApply Vercel’s prioritized React and Next.js performance rules while you write, review, or refactor UI so waterfalls, bundle bloat, and rerenders do not slip into production.485k27.7k

Remotion Best PracticesInstall this so your coding agent follows Remotion-safe patterns when you build programmatic marketing videos, demos, or render pipelines in React.378k3.5k

Vercel Composition PatternsGuide your coding agent through React UI work so new and refactored components use compound composition instead of growing boolean prop matrices.215k27.7k

ShadcnAdd accessible, customizable UI components to any React project without a heavy component library dependency.195k

Develop UserscriptsAuthor, debug, and publish Tampermonkey or ScriptCat userscripts with correct metadata, GM APIs, permissions, and ScriptCat-only background or subscription packaging.174k61

Frontend Developmentfrontend