#1 ARCHITECTURE
System Design 101
ByteByteGo · github.com/ByteByteGoHq/system-design-101
⭐ 82.8k
Die vermutlich beste visuelle Referenz für verteilte Systeme. Statt trockener Textwände:
Diagramme, Architektur-Case-Studies (Netflix, Uber, Google Search) und ein neuer AI/ML-Bereich
mit Vector Databases & Inference Infrastructure. Jeder Konzept hat ein Bild —
perfekt für Onboarding oder Design Reviews.
distributed-systems
architecture
visual-learning
case-studies
#2 AGENT SKILLS
agent-skills
Addy Osmani · github.com/addyosmani/agent-skills
⭐ 80.6k
24 Produktions-Skills, die den kompletten Dev-Lifecycle abdecken: /spec,
/plan, /build, /test, /review, /webperf,
/code-simplify, /ship. Das Besondere: /build auto führt
genehmigte Pläne autonom aus — mit TDD-Verification zwischen den Tasks.
Verfügbar für Claude Code, Cursor, Codex, Copilot, Windsurf und 40+ weitere Agents.
claude-code
cursor
tdd
dev-workflow
#3 DESIGN RESOURCES
design-resources-for-developers
Brad Traversy · github.com/bradtraversy/design-resources-for-developers
⭐ 65.8k
Die go-to-Sammlung für Entwickler, die etwas hübsch bauen müssen — ohne Designer im Team.
UI-Grafiken, Stock-Fotos, Fonts, Farbpaletten, Icon-Libraries, CSS-Frameworks, Animationen
und seit Neuestem: ein ganzer Abschnitt für AI Design Tools.
Wird aktiv gepflegt (letzter Commit: Mai 2026).
ui-graphics
fonts
icons
ai-design
#4 CLAUDE SKILLS
awesome-claude-skills
ComposioHQ · github.com/ComposioHQ/awesome-claude-skills
⭐ 61.8k
Über 1.000 produktionsreife Claude Code Skills — von Dokumentenverarbeitung bis SaaS-Automation.
Der Clou: 78 fertige Integrationen für Slack, Notion, GitHub, Linear, Salesforce etc.
via Composio. Installierbar per npx skills add — ein Skill, ein Befehl, keine
MCP-Server-Konfiguration nötig.
claude-code
automation
saas-integrations
document-processing
#5 CSS MOTION
transitions.dev
Jakub Antalik · github.com/Jakubantalik/transitions.dev
⭐ 844
Zwölf CSS-Transition-Patterns als Copy-Paste-Snippets — jede mit eingebautem
prefers-reduced-motion Guard. Card-Resize, Modal-Open, Dropdown, Success-Check,
Error-Shake, Avatar-Stack-Hover und mehr. Als Bonus: installierbar als Agent-Skill
(npx skills add Jakubantalik/transitions.dev) — Agents wissen dann, welches
Pattern zu „card expanding" oder „validation error shake" passt.
css
animations
accessibility
agent-skill