Skip to content

Commit 7ae495d

Browse files
Copilotkalosha959-wq
Copilot
and
kalosha959-wq
committed
Add AI Story Studio demo and GitHub Pages deployment
Co-authored-by: kalosha959-wq <222045069+kalosha959-wq@users.noreply.github.com>
1 parent 1d98e6c commit 7ae495d

3 files changed

Lines changed: 633 additions & 0 deletions

File tree

‎.github/workflows/pages.yml‎

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
name: Deploy GitHub Pages
2+
3+
on:
4+
push:
5+
branches: [ main, master ]
6+
paths:
7+
- '*.html'
8+
- '.github/workflows/pages.yml'
9+
pull_request:
10+
branches: [ main, master ]
11+
paths:
12+
- '*.html'
13+
- '.github/workflows/pages.yml'
14+
15+
# Allows you to run this workflow manually from the Actions tab
16+
workflow_dispatch:
17+
18+
# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
19+
permissions:
20+
contents: read
21+
pages: write
22+
id-token: write
23+
24+
# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
25+
# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
26+
concurrency:
27+
group: "pages"
28+
cancel-in-progress: false
29+
30+
jobs:
31+
# Build job
32+
build:
33+
runs-on: ubuntu-latest
34+
steps:
35+
- name: Checkout
36+
uses: actions/checkout@v4
37+
38+
- name: Setup Pages
39+
uses: actions/configure-pages@v4
40+
41+
- name: Create Pages directory
42+
run: |
43+
mkdir -p _site
44+
cp *.html _site/ 2>/dev/null || true
45+
46+
# Create index.html that redirects to the AI Story Studio
47+
cat > _site/index.html << 'EOF'
48+
<!DOCTYPE html>
49+
<html lang="en">
50+
<head>
51+
<meta charset="UTF-8">
52+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
53+
<title>GitHub MCP Server Demos</title>
54+
<meta http-equiv="refresh" content="0; url=ai-story-studio-combined.html">
55+
<style>
56+
body {
57+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
58+
display: flex;
59+
justify-content: center;
60+
align-items: center;
61+
min-height: 100vh;
62+
margin: 0;
63+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
64+
color: white;
65+
text-align: center;
66+
}
67+
.container {
68+
max-width: 600px;
69+
padding: 40px;
70+
}
71+
h1 {
72+
font-size: 3rem;
73+
margin-bottom: 20px;
74+
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
75+
}
76+
p {
77+
font-size: 1.2rem;
78+
margin-bottom: 30px;
79+
opacity: 0.9;
80+
}
81+
a {
82+
display: inline-block;
83+
background: rgba(255,255,255,0.2);
84+
color: white;
85+
padding: 15px 30px;
86+
border-radius: 25px;
87+
text-decoration: none;
88+
transition: all 0.3s ease;
89+
backdrop-filter: blur(10px);
90+
font-weight: 500;
91+
}
92+
a:hover {
93+
background: rgba(255,255,255,0.3);
94+
transform: translateY(-2px);
95+
}
96+
</style>
97+
</head>
98+
<body>
99+
<div class="container">
100+
<h1>🤖 GitHub MCP Server</h1>
101+
<p>Demo Applications</p>
102+
<p>Redirecting to AI Story Studio...</p>
103+
<a href="ai-story-studio-combined.html">Enter AI Story Studio</a>
104+
</div>
105+
</body>
106+
</html>
107+
EOF
108+
109+
- name: Upload artifact
110+
uses: actions/upload-pages-artifact@v3
111+
112+
# Deployment job
113+
deploy:
114+
environment:
115+
name: github-pages
116+
url: ${{ steps.deployment.outputs.page_url }}
117+
runs-on: ubuntu-latest
118+
needs: build
119+
steps:
120+
- name: Deploy to GitHub Pages
121+
id: deployment
122+
uses: actions/deploy-pages@v4

‎README.md‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,21 @@ The GitHub MCP Server connects AI tools directly to GitHub's platform. This give
1212

1313
Built for developers who want to connect their AI tools to GitHub context and capabilities, from simple natural language queries to complex multi-step agent workflows.
1414

15+
## 🎨 Demo Applications
16+
17+
### AI Story Studio
18+
Experience the GitHub MCP Server capabilities through our interactive demo application:
19+
20+
**[🚀 Launch AI Story Studio Demo](https://kalosha959-wq.github.io/github-mcp-server/ai-story-studio-combined.html)**
21+
22+
The AI Story Studio showcases how frontend applications can integrate with the GitHub MCP Server to create rich, AI-powered experiences. Features include:
23+
- Interactive story generation interface
24+
- MCP integration examples and code samples
25+
- Demonstration of GitHub API access patterns
26+
- Real-world use case scenarios
27+
28+
This demo illustrates the potential for building sophisticated AI applications that leverage GitHub's ecosystem through the MCP protocol.
29+
1530
---
1631

1732
## Remote GitHub MCP Server

0 commit comments

Comments
 (0)