OlympHill
magic-mcp logo

magic-mcpΕίναι σαν το v0 αλλά στο Cursor/WindSurf/Cline σας. Η 21η.dev Magic MCP διακομιστής για εργασία με το frontend σας όπως το Magic

(0)
Daniel NikulshynΑξιολογήθηκε από Daniel Nikulshyn·Ενημερώθηκε Ιούλιος 2026

Επισκόπηση

21st-dev Magic AI Agent Magic Component Platform (MCP) είναι ένα ισχυρό εργαλείο με τεχνητή νοημοσύνη που βοηθά τους προγραμματιστές να δημιουργούν όμορφες, μοντέρνες UI συνιστώσες αμέσως μέσω φυσικής γλώσσας περιγραφών. Ενσωματώνεται ομαλά με δημοφιλείς IDEs και παρέχει μια απλοποιημένη ροή εργασίας για ανάπτυξη UI. Για να χρησιμοποιήσετε το magic‑mcp, οι χρήστες πρέπει να είναι συνδεδεμένοι για να αλλάξουν τις ρυθμίσεις ειδοποιήσεων του έργου. Οι προγραμματιστές μπορούν να δημιουργήσουν UI components περιγράφοντάς τα με φυσική γλώσσα, χρησιμοποιώντας τη λειτουργία 'Tell Agent What You Need'. Το Magic MCP στη συνέχεια δημιουργεί αμέσως ένα πολυτελές UI component εμπνευσμένο από τη βιβλιοθήκη της 21st.dev. Για ενσωμάτωση με IDEs, οι προγραμματιστές πρέπει να εγκαταστήσουν ένα υποστηριζόμενο πελάτη, όπως το Cursor, το Windsurf ή το VSCode με την επέκταση Cline. Για να εγκαταστήσετε το MCP, μπορείτε να επιλέξετε ανάμεσα σε τρεις μεθόδους: εγκατάσταση μέσω CLI με την εντολή 'npx @21st-dev/cli@latest install', χειροκίνητη διαμόρφωση μέσω του αρχείου ρυθμίσεων MCP του IDE ή εγκατάσταση με ένα κλικ μέσω των κουμπιών εγκατάστασης στο VS Code. Η εφαρμογή υποστηρίζει λειτουργίες όπως ζωντανή προεπισκόπηση, TypeScript και πρόσβαση σε μια τεράστια βιβλιοθήκη επαγγελματικών στοιχείων μάρκας και λογότυπων.

Βασικές λειτουργίες

  • Δημιουργία UI με τεχνητή νοημοσύνη
  • Υποστήριξη πολλαπλών IDE
  • Σύγχρονη βιβλιοθήκη συστατικών
  • Προεπισκόπηση σε πραγματικό χρόνο
  • Υποστήριξη TypeScript
  • Ενσωμάτωση SVGL

Τιμές

Μοντέλο
Free
Κατηγορία
Διευθυντές MCP
Βαθμολογία
Καμία κριτική ακόμα

Περιπτώσεις χρήσης

Ταχεία Ανάπτυξη UI

Οι προγραμματιστές μπορούν να δημιουργήσουν γρήγορα στοιχεία UI περιγράφοντάς τα με φυσική γλώσσα, απλοποιώντας τη διαδικασία ανάπτυξης.

Δημιουργία Προσαρμοσμένων Στοιχείων

Οι χρήστες μπορούν να δημιουργήσουν προσαρμοσμένα στοιχεία UI με συγκεκριμένες απαιτήσεις, όπως σχεδιασμός που προσαρμόζεται, και να τα ενσωματώσουν στα έργα τους.

Υπέρ και κατά

Υπέρ

  • Δημιουργία UI με AI για άμεση δημιουργία συστατικών
  • Ομαλή ενσωμάτωση με δημοφιλή IDE
  • Πρόσβαση σε τεράστια συλλογή προ-κατασκευασμένων, προσαρμόσιμων συστατικών

Κατά

  • Απαιτείται κλειδί API 21st.dev Magic για χρήση
  • Ορισμένα χαρακτηριστικά, όπως η βελτίωση συστατικών, είναι ακόμη σε ανάπτυξη

Κριτικές

Σύνδεση για κριτική.

Καμία κριτική. Γίνε ο πρώτος!

Ερωτήσεις

Are there any limitations to using magic-mcp?

Yes, magic-mcp requires a 21st.dev Magic API key for use and some features are still in development.

Asked by Ahmed Saleh · Aug 16, 2025

How do I create UI components with magic-mcp?

You can create UI components by describing them in natural language using the 'Tell Agent What You Need' feature.

Asked by Kalinda Reddy · Jul 22, 2025

Which IDEs are supported by magic-mcp?

Magic-mcp supports popular IDEs, including those with Cursor, Windsurf, or VSCode with the Cline extension.

Asked by Ximenez Alvarado · Jul 22, 2025

What is the cost of using magic-mcp?

The provided details do not include pricing information for magic-mcp.

Asked by Ivana Novak · Jun 30, 2025

Κάνε μια ερώτηση

Εναλλακτικές για Διευθυντές MCP

Playwright MCP logo

Playwright MCP

Διευθυντές MCP

Διακομιστής MCP ανοιχτού κώδικα που επιτρέπει στα LLM να ελέγχουν πραγματικούς προγράμματα περιήγησης μέσω Playwright και στιγμιότυπων προσβασιμότητας.

4.8 (6)
Free
P

Pydantic AI

Διευθυντές MCP

Πλαίσιο Python agents από την ομάδα Pydantic για δημιουργία εφαρμογών GenAI με εγγυημένη ασφάλεια τύπων.

4.8 (6)
Free
C

Cognee

Διευθυντές MCP

Αдаптивший επίπεδος μνήμης που βοηθά τους πράκτορες AI να μαθαίνουν από το контέκスト με το χρόνο.

4.8 (5)
Free
Inbox Zero logo

Inbox Zero

Διευθυντές MCP

Βοηθός e‑mail με τεχνητή νοημοσύνη που οργανώνει, συντάσσει απαντήσεις και σας βοηθά να φτάσετε στο inbox zero πιο γρήγορα.

4.8 (4)
Free
Screenpipe logo

Screenpipe

Διευθυντές MCP

Ανοιχτού κώδικα, 24/7, τοπική εγγραφή οθόνης και ήχου για την ανάπτυξη εφαρμογών AI που αντιλαμβάνονται το περιεχόμενο

4.8 (4)
Free
AgentKit logo

AgentKit

Διευθυντές MCP

Συγκρότημα TypeScript για την κατασκευή και την χειρισμό αυτοματοποιημένων.agent με δόμησης εργαλείων, μνήμης και workflows πολυ-AGENT.

4.5 (4)
Free
onchain-mcp logo

onchain-mcp

Διευθυντές MCP

Συνεισφέρουμε το onchain API του Bankless στον MCP

(0)
26Free
markitdown logo

markitdown

Διευθυντές MCP

Python εργαλείο για τη μετατροπή αρχείων και εγγράφων γραφείου σε Markdown.

(0)
23Free