https://github.com/chemistwang/music-app
A modern music application with React, styled-components featuring Home, Dashboard, and Chat functionality
https://github.com/chemistwang/music-app
cursor figma-context-mcp github-mcp
Last synced: about 1 year ago
JSON representation
A modern music application with React, styled-components featuring Home, Dashboard, and Chat functionality
- Host: GitHub
- URL: https://github.com/chemistwang/music-app
- Owner: chemistwang
- Created: 2025-04-22T07:06:14.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-22T07:38:27.000Z (about 1 year ago)
- Last Synced: 2025-04-22T08:37:57.109Z (about 1 year ago)
- Topics: cursor, figma-context-mcp, github-mcp
- Language: TypeScript
- Homepage:
- Size: 560 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cursor + Figma-Context-MCP + Github MCP 实现前端页面和代码提交
## 写在前面（重要）
仅作为技术实现和 MCP 工作流的记录，项目本身不重要
## 1. 设计图预览
## 2. 配置 MCP
需申请 `token`
```json
{
"mcpServers": {
"Figma AI Bridge": {
"command": "npx",
"args": ["-y", "figma-developer-mcp", "--stdio"],
"env": {
"FIGMA_API_KEY": ""
},
"fromGalleryId": "GLips.Figma-Context-MCP"
},
"GitHub": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-github"],
"env": {
"GITHUB_PERSONAL_ACCESS_TOKEN": ""
},
"fromGalleryId": "modelcontextprotocol.servers_github"
}
}
}
```
## 3. 粘贴 figma 路径并执行
## 4. LLM 对话执行
## 5. 执行结束后运行
```bash
npm i && npm start
```
## 6. 实现效果
## 7. 一些感想
- 前后时间从执行到结束差不多 `15min`
- 除了图表，其他还原度我认为可以给到 `99%`
- 头麻
- 想想失业了干点啥