@chihebnabil
基本情報
An MCP (Model Context Protocol) server that provides design guidance to help LLMs generate better, more modern web pages. This server focuses on teaching design principles and best practices rather than providing code templates.
以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。
{
"mcpServers": {
"page-design-guide": {
"command": "npx",
"args": [
"-y",
"page-design-guide-mcp"
]
}
}
}ツール一覧はまだありません
この掲載には表示できるツール一覧がまだありません。サーバーにツールがないという意味ではありません。対応機能はプロジェクトのドキュメントをご確認ください。
上のボタンで一時的なサンドボックスでこのサーバーを実行し、ツール一覧を取得できます。
An MCP (Model Context Protocol) server that provides design guidance to help LLMs generate better, more modern web pages. It teaches design principles and best practices rather than providing code templates.
Add the server to your Claude Desktop configuration (macOS: ~/Library/Application Support/Claude/claude_desktop_config.json, Windows: %APPDATA%\Claude\claude_desktop_config.json) using either global installation ("command": "npx", "args": ["-y", "page-design-guide-mcp"]) or local installation pointing to the built index.js. Once connected, ask design questions like “What design principles should I follow for this landing page?” or use the available tools.
It provides foundational design principles, layout recommendations, color psychology, typography guidance, responsive design strategies, component guidance, animation principles, accessibility requirements, modern trends, and a design review tool.
You can install it globally via `npx -y page-design-guide-mcp` or locally by pointing to the built `index.js` in the package. Set it up in your Claude Desktop or OpenCode configuration.
Node.js >= 18.0.0 and the Claude Desktop app are required.
The server includes tools such as `get_design_principles`, `get_layout_guidance`, `get_color_guidance`, `get_typography_guidance`, `get_section_guidance`, `get_responsive_guidance`, `get_component_guidance`, `get_animation_guidance`, `get_accessibility_guidance`, `get_modern_trends`, and `review_design_approach`.
Yes. The `review_design_approach` tool lets you describe your design and receive feedback with scores, identified strengths, concerns, and recommendations.
Instagram + TikTok content tools inside your AI: download HD posts/reels/carousels, view Instagram stories anonymously, AI-transcribe videos (100+ languages, SRT/VTT/TXT). Requires a Repost PRO subscription.
Official JSON2Video MCP server. Video API for automated video production at scale: render videos from templates with AI voiceovers, subtitles and AI images. Remote server with OAuth (https://mcp.json2video.com/mcp) or lo
Generate images, video, audio and short films with 140+ AI models from any MCP client. PixelDojo picks the right model (Flux, Seedream, Seedance, Veo, Kling, WAN, Nano Banana, GPT Image), renders it and returns download
Generate images, videos, music, and voice-overs directly from your AI agent. The full Artlist AI creative suite as an MCP server — works with Claude, ChatGPT, and VS Code, with more platforms coming soon.
Break down any TikTok or Instagram Reels ad and rewrite it for your product, right inside Claude, Cursor, or ChatGPT. Hooks, UGC scripts, and CPM. Free, no API key.
コメント