component-architecture
✓Entwerfen und bauen Sie wiederverwendbare, gut dokumentierte Komponenten. Zusammensetzung der Hauptkomponenten, Requisitendesign, Variantensysteme, Zustandsverwaltung und Dokumentation. Erstellen Sie eine skalierbare Komponentenbibliothek, die Konsistenz ermöglicht und die Entwicklung beschleunigt. Funktioniert mit React, TypeScript und Tailwind CSS.
Installation
SKILL.md
Components are the building blocks of modern interfaces. A well-designed component system enables consistency, speeds up development, and makes maintenance easier. This skill teaches you to think about components systematically: designing for reusability, managing complexity, documenting thoroughly, and building a library that your team loves to use.
Atomic Design is a methodology for creating design systems by breaking down interfaces into fundamental building blocks.
1. Atoms The smallest, most basic components. They can't be broken down further without losing their meaning.
Entwerfen und bauen Sie wiederverwendbare, gut dokumentierte Komponenten. Zusammensetzung der Hauptkomponenten, Requisitendesign, Variantensysteme, Zustandsverwaltung und Dokumentation. Erstellen Sie eine skalierbare Komponentenbibliothek, die Konsistenz ermöglicht und die Entwicklung beschleunigt. Funktioniert mit React, TypeScript und Tailwind CSS. Quelle: sanky369/vibe-building-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/sanky369/vibe-building-skills --skill component-architecture- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist component-architecture?
Entwerfen und bauen Sie wiederverwendbare, gut dokumentierte Komponenten. Zusammensetzung der Hauptkomponenten, Requisitendesign, Variantensysteme, Zustandsverwaltung und Dokumentation. Erstellen Sie eine skalierbare Komponentenbibliothek, die Konsistenz ermöglicht und die Entwicklung beschleunigt. Funktioniert mit React, TypeScript und Tailwind CSS. Quelle: sanky369/vibe-building-skills.
Wie installiere ich component-architecture?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/sanky369/vibe-building-skills --skill component-architecture Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/sanky369/vibe-building-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01