เซิร์ฟเวอร์ MCP Solidity Compiler IDE | PlugMCP
ข้ามไปยังเนื้อหา ไดเรกทอรี ผลิตภัณฑ์ แหล่งข้อมูล Pricing
เอกสารประกอบ Browser Solidity compiler IDE - smart contract development testing deploy
เสียบเครื่องมือใดก็ได้เข้ากับเอเจนต์ใดก็ได้ ไดเรกทอรี MCP สำหรับคนที่ไม่เขียนเซิร์ฟเวอร์
ผลิตภัณฑ์
ไดเรกทอรี
นักพัฒนา
บริษัท
2026-11-10
A comprehensive open-source Web3 learning platform. Professional development environments, AI-assisted tools, security testing, and collaborative features — all in your browser.
Hosting note: the hosted demo at lyra.works is currently offline while hosting is being migrated. Clone the repo and run npm install && npm run dev to use every environment below at http://localhost:3000.
🛠️ Development Environments
Professional IDEs
Innovation Lab (Experimental) Open http://localhost:3000/innovation or enable "Innovation Mode" in the sandbox:
♿ Accessibility (WCAG 2.1 AAA) Comprehensive accessibility support:
Quick Access to All Tools
🎯 Who is this for?
⚡ Start in 30 Seconds Run npm install && npm run dev, then pick an option below.
Option 1: Browse the tutorials
Open http://localhost:3000
Click any tutorial or example
Start coding immediately
Option 2: Try the Solidity IDE
Open http://localhost:3000/ide
Write or paste a smart contract
Click "Compile" then "Deploy" (uses JavaScript VM - no wallet needed)
Option 3: Follow a tutorial
Open http://localhost:3000
Scroll to "Learn Web3 Development"
Pick a tutorial based on your level
🎮 What can you do here?
For Learning
📖 50+ tutorials from "What is a blockchain?" to advanced DeFi
🎯 Interactive examples - code runs as you read
💡 Instant feedback - see errors and results immediately
🏆 Progress tracking - pick up where you left off
For Building
⚡ Solidity IDE - compile and deploy in seconds
📝 40+ templates - tokens, NFTs, DAOs, DeFi
🤖 AI dApp Builder - describe what you want, get code
🔗 Multi-chain - Ethereum, Polygon, Base, Arbitrum, and more
For Everyone
🌍 10 languages - English, Spanish, Chinese, Arabic, and more
♿ Fully accessible - screen readers, keyboard nav, color blind support
🌙 Dark mode - easy on the eyes
📱 Mobile friendly - learn on any device
📚 Learning Paths
🌱 I'm new to blockchain
Start with the "What is Ethereum?" tutorial on the home page (/)
Continue with "Your First Smart Contract" (/)
Try the Hello World example (/example/hello-world)
💻 I know JavaScript, teach me Solidity
Read "Solidity for JS Developers" on the home page (/)
Compare JavaScript and Solidity side by side (/)
Build a Simple Token (/example/erc20-token)
🚀 I want to build a dApp
Use the AI dApp Builder on the home page (/) and describe your idea
Or start from a template in the IDE (/ide)
Deploy to testnet and share with the community
✨ Features
🎮 Premium Code Sandbox (NEW!)
World-class IDE comparable to CodePen, JSFiddle, and RemixWeb Sandbox : Multi-file projects with HTML, CSS, JS, React, Vue, PythonSolidity IDE : Full-featured smart contract development environmentSplit-pane layouts with draggable resizeDevice presets for responsive testing (Desktop/Tablet/Mobile)Auto-run on change with live previewConsole panel with log/warn/error captureSettings panel : Theme, font size, Vim mode, auto-save, and more
🎮 Interactive Code Playground (/playground)
Multi-file editor with file tabs (HTML, CSS, JS, Solidity, JSON, and more)Dual-pane layout with live hot-reload previewConsole capture — see console.log/warn/error from your code in real-timeFile management — create, delete, and switch between filesAI-powered contract generation from natural language prompts40+ smart contract templates ready to deployOne-click deployment to any supported blockchain
🔧 Solidity Development (NEW!)
Multiple Solidity versions (0.6.x through 0.8.24)Real-time compilation with error/warning highlightingDeploy to any network (JS VM, Sepolia, Goerli, Mumbai, Mainnet)Interactive contract UI - call functions directlyTransaction history with gas trackingCopy ABI/Bytecode with one clickKeyboard shortcuts (Ctrl+S to compile)
�️ Full-Stack Sandbox (/sandbox)
File tree navigation with workspace managementWeb preview panel with live hot-reload for HTML/CSS/JS projectsConsole log capture from preview iframeContract interaction panel for deployed smart contractsAI Assistant integration for code suggestionsInnovation Mode — experimental features like AI Whisperer, Time Machine, Exploit LabExport/share workspaces with one click
📚 Smart Contract Templates
40+ ready-to-use templates across categories:
ERC-20, ERC-721, ERC-1155 tokens
DeFi (staking, vaults, DEX)
NFT marketplaces and minting
Governance and DAOs
Cross-chain bridges
📖 Comprehensive Tutorials
50+ tutorials from beginner to advanced [in progress]Step-by-step guides with interactive examples
Topics: Solidity basics, DeFi mechanics, security patterns, gas optimization
🔗 Multi-Chain Support
Ethereum, Base, Polygon, Avalanche, BSC, Arbitrum
Solana integration
Monad testnet support
🧹 Token Consolidation Tool
Sweep dust tokens across wallets
Multi-chain token management
Gas-efficient batch operations
🎨 Modern UI/UX
Dark/light mode
Fully responsive design
Keyboard shortcuts for power users
Mobile-optimized with bottom navigation
♿ Accessibility - Beyond WCAG 2.1 AAA (NEW!) We go far beyond standard accessibility. Our system includes futuristic features that make Web3 truly accessible to everyone:
Quick Profiles (one-click presets):
👓 Low Vision • 🦯 Blind • 🦻 Deaf • 🖐️ Motor Impaired • 🧠 Cognitive
High contrast mode, large text (up to 200%), custom colors
Color blind filters : Protanopia, Deuteranopia, Tritanopia, and moreReading guide : Horizontal line follows your cursor for easier readingOpenDyslexic font : Specially designed for dyslexic readers
Dwell Click : Click by hovering - no mouse button neededLarge click targets (up to 64px), sticky keys simulation
Full keyboard navigation with Alt+A quick access
Simplified interface mode, focus mode, reduced animations
Extended timeouts, reading speed adjustment
Clear, consistent layouts
ARIA live regions announce all actions
Text-to-Speech : Read content aloud with adjustable speed/pitchCode-to-Natural-Language : Translates code to plain English
Draggable floating accessibility button
Export/import custom settings
Full keyboard shortcut support
🤖 AI-Powered dApp Builder (NEW!)
Natural language → Full-stack dApp generationGenerates Solidity + HTML + CSS + JavaScript from prompts
Smart contract templates : Token, NFT, DAOInteractive tutorial-style editor with step-by-step guidance
Deploy directly to testnets
🌐 Community Features (NEW!)
Share Projects : Publish your work with unique shareable linksExplore Gallery : Discover projects, templates, and tutorials from the communityLike & Comment : Engage with other developers' workFork Projects : Build on top of others' codeWallet Authentication : Connect wallet to access community featuresEmbed Code : Embed shared projects in your own websites
🌍 Internationalization (NEW!)
10 languages supported out of the boxEnglish, Spanish, Chinese, French, German, Japanese, Korean, Portuguese, Russian, Arabic
RTL support for ArabicLanguage selector in navigation
Persisted language preference
📊 Market Data Integration (NEW!)
Live Crypto Prices : Real-time data from CoinGeckoDeFi Analytics : Protocol TVL, yields from DeFiLlamaChain Statistics : TVL by chain, trending coinsMarkets Page : Comprehensive market overview at /markets
🚀 Quick Start
Prerequisites
Installation # Clone the repository
git clone https://github.com/nirholas/lyra-web3-playground.git
cd lyra-web3-playground
# Install dependencies
npm install
# Start development server
npm run dev
Environment Variables The app runs without configuration, but wallet login, the backend API, RPC access
and Supabase-backed features need credentials. Copy the example file and fill it in:
Every VITE_-prefixed value is inlined into the client bundle and is therefore
public — never put a private key or server secret in .env. Server-side secrets
belong in server/.env (see server/.env.example).
Build for Production npm run build
npm run preview
🏗️ Project Structure ├── src/
│ ├── components/ # React components
│ │ ├── Accessibility/ # Comprehensive a11y system
│ │ │ ├── AccessibilityButton.tsx # Floating button
│ │ │ ├── AccessibilityPanel.tsx # Settings panel
│ │ │ ├── DwellClick.tsx # Click-by-hovering
│ │ │ ├── ReadingGuide.tsx # Line highlighter
│ │ │ └── ColorBlindFilters.tsx # Color blind support
│ │ ├── CodePlayground/ # Monaco editor & compiler
│ │ ├── Tutorial/ # Tutorial system
│ │ ├── Sandbox/ # Premium sandbox IDEs
│ │ │ ├── WebSandbox.tsx # Web dev sandbox
│ │ │ ├── SoliditySandbox.tsx # Solidity IDE
│ │ │ ├── UnifiedSandbox.tsx # Generic sandbox wrapper
│ │ │ └── ShareModal.tsx # Project sharing modal
│ │ ├── Playground/ # Full-stack dApp playground
│ │ ├── FullStackPlayground/ # AI dApp builder
│ │ └── Consolidation/ # Token consolidation
│ ├── pages/ # Route pages
│ │ ├── SandboxPage.tsx # Premium IDE selection
│ │ ├── ExplorePage.tsx # Community project gallery
│ │ ├── SharedProjectPage.tsx # View shared projects
│ │ ├── MarketsPage.tsx # Market data dashboard
│ │ └── ExamplePage.tsx # Example with sandbox toggle
│ ├── services/ # API services
│ │ ├── community.ts # Sharing, likes, comments, forks
│ │ └── marketData.ts # CoinGecko & DeFiLlama integration
│ ├── hooks/ # Custom React hooks
│ │ └── useMarketData.ts # Market data hooks
│ ├── stores/ # Zustand state management
│ │ ├── accessibilityStore.ts # 40+ a11y settings
│ │ ├── i18nStore.ts # 10 languages + RTL
│ │ ├── themeStore.ts # Dark/light mode
│ │ └── walletStore.ts # Wallet connection
│ ├── styles/
│ │ ├── index.css # Main styles
│ │ └── accessibility.css # 580+ lines a11y CSS
│ ├── examples/ # Code examples (web3, ai)
│ └── utils/ # Helper functions
│ └── contractTemplates.ts # 40+ contract templates
├── server/ # Backend API (optional)
├── docs/ # Documentation
└── public/ # Static assets
🛠️ Tech Stack
📖 Documentation
❓ Frequently Asked Questions No! Run npm run dev and open http://localhost:3000 in your browser. Everything runs in your browser.
No! You can learn and practice without any crypto. The IDE has a "JavaScript VM" mode that simulates a blockchain locally. When you're ready to deploy for real, you'll need MetaMask and testnet ETH (which is free).
Yes, it is free to run. No hidden fees, no premium tier. See the LICENSE file for usage terms.
Check the error message - it usually tells you what's wrong
Make sure your Solidity version matches your code
Check the /faq for common issues
Open an issue if you're stuck Absolutely! That's one of the main use cases. You can share links to specific examples, and students can code along in their browsers. No setup required.
Install MetaMask
Get testnet ETH from a faucet (free)
Connect your wallet on Lyra
Select your network (e.g., Sepolia, Mumbai)
Click "Deploy" - your contract is now on the blockchain!
🤝 Contributing
Code of conduct
Development workflow
Pull request process
Coding standards
Accessible commit messages - We use a format designed for screen readers and cognitive accessibility
Commit Message Format [type] Clear description in plain English (emoji at end) 🎉
Example: [add] Keyboard navigation for dropdown menus ♿
Text first - Screen readers read emoji names, so meaning comes firstPlain words - Clear for developers with cognitive disabilitiesConsistent - Easy to scan for low vision users
Good First Issues
📄 License All rights reserved. See the LICENSE file for details.
🙏 Acknowledgments
Documentation
Star History
คะแนนในไดเรกทอรี 20/100 อยู่ในรายการ 10 จาก 10
อยู่ใน MCP Registry ทางการ 18 จาก 18
ผู้ดูแลอ้างสิทธิ์แล้ว 0 จาก 8
ตอบกลับพร้อมรายการเครื่องมือ 0 จาก 12
ดาวบน GitHub 0 จาก 16
ยอดดาวน์โหลดรายสัปดาห์ 0 จาก 10
Graphify Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Cursor, Codex, and Gemini CLI: local deterministic AST parsing, e Agent Skills Production-grade engineering skills for AI coding agents. Impeccable The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships. Gemini Cli An open-source AI agent that brings the power of Gemini directly into your terminal. Archify Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more. Filesystem Read, write, search and move files in the directories you allow. The reference filesystem server from the Model Context Protocol project. Everything A test server that exercises every MCP feature: tools, resources, prompts, sampling and notifications. For client builders, from the Model Context Protocol project. Git Read and change local Git repositories: status, diffs, log, commits, branches and checkout. The reference server from the Model Context Protocol project. Chrome Devtools Chrome DevTools for coding agents Open Code Review Secure, fast, efficient, battle-tested at Alibaba's scale. Hybrid architecture code review tool: deterministic pipelines + LLM Agent, precise line-level comments, built-in multi-language ruleset (NPE, Codebase Memory Local code intelligence for developers and AI agents. Connect code, docs and infrastructure in a persistent graph, with CBM Lens, MCP tools, agent integrations and change-aware test selection. Codebase Memory Codebase knowledge graph for AI agents — 162 languages, sub-ms queries, 99% fewer tokens. เซิร์ฟเวอร์ MCP หมวด Developer tools เซิร์ฟเวอร์ MCP ที่ดีที่สุดในหมวด Developer tools azure-aigateway Configure Azure API Management as an AI Gateway for AI models, MCP tools, and agents. WHEN: semantic caching, token limit, content safety, load balancing, AI model governance, MCP rate limiting, jailb supabase Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge Functions, Realtime, Storage, Vectors, Cron, Queues); client libraries and SSR integrations (supabase-js,
ยังไม่มีรายการเครื่องมือ เซิร์ฟเวอร์แบบรีโมตจะได้รายการหลังการตรวจสอบสถานะครั้งแรก
ติดตั้ง Solidity Compiler IDE อย่างไร? คัดลอกคอนฟิก stdio สำหรับ Cursor, Claude Desktop, Claude Code หรือ VS Code ได้ในหน้านี้ คอนฟิกนี้ใช้การติดตั้งของผู้เผยแพร่ ไม่ใช่พร็อกซีของ PlugMCP
Solidity Compiler IDE ต้องใช้ API key ไหม? ระเบียนนี้ไม่ได้ระบุตัวแปรสภาพแวดล้อมที่จำเป็น
Solidity Compiler IDE ใช้ทรานสปอร์ตแบบใด? Solidity Compiler IDE ทำงานแบบโลคัลผ่าน stdio
Solidity Compiler IDE ถูกตรวจสอบล่าสุดเมื่อใด? ตรวจสอบล่าสุดเมื่อ 2026-11-10 Browser Solidity compiler IDE - smart contract development testing deploy
เครื่องมือมีคำอธิบาย 0 จาก 6
