Skip to content

Commit 1e5793d

Browse files
zoltanszogyenyizoltanszogyenyi
committed
add: Gemini CLI extension
1 parent 24c6cb8 commit 1e5793d

7 files changed

Lines changed: 137 additions & 0 deletions

File tree

‎GEMINI.md‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
# TypeUI
2+
3+
TypeUI is connected through the TypeUI MCP server at `https://mcp.typeui.sh/mcp`.
4+
5+
Use TypeUI when the user asks Gemini CLI to build, redesign, improve, or compare UI for websites and applications. TypeUI provides curated design systems, UI prompts, and layout variations so generated interfaces are cleaner and more consistent.
6+
7+
Recommended workflow:
8+
9+
1. Help the user choose a TypeUI design style when they mention visual direction.
10+
2. Use TypeUI resources before generating larger UI screens, sections, or component variations.
11+
3. When the user dislikes a section, ask TypeUI for better variations instead of making one small manual tweak.
12+
4. Keep implementation changes grounded in the user's existing framework, design system, and codebase.
13+
14+
Example prompts users may write:
15+
16+
- Build me a landing page.
17+
- I like the Bento style. Let's use it.
18+
- I don't like this pricing section, give me more variations.
19+
- I like the comparison one. Let's use it.

‎README.md‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,41 @@ Install TypeUI where you build. Connect your AI coding tool to TypeUI MCP, then
4444
<a href="https://www.typeui.sh/docs/guides/cursor"><b>Install in Cursor →</b></a>
4545
</td>
4646
</tr>
47+
<tr>
48+
<td align="center" width="33%">
49+
<a href="https://www.typeui.sh/docs/guides/vscode">
50+
<img src="https://www.typeui.sh/ai-tools-logos/light/vscode.svg" alt="Visual Studio Code logo" width="48" height="48" />
51+
<br /><br />
52+
<b>VS Code</b>
53+
</a>
54+
<br />
55+
<sub>Connect GitHub Copilot in VS Code to TypeUI MCP.</sub>
56+
<br /><br />
57+
<a href="https://www.typeui.sh/docs/guides/vscode"><b>Install in VS Code →</b></a>
58+
</td>
59+
<td align="center" width="33%">
60+
<a href="https://www.typeui.sh/docs/guides/opencode">
61+
<img src="https://www.typeui.sh/ai-tools-logos/light/opencode.svg" alt="OpenCode logo" width="48" height="48" />
62+
<br /><br />
63+
<b>OpenCode</b>
64+
</a>
65+
<br />
66+
<sub>Give OpenCode access to TypeUI design systems and prompts.</sub>
67+
<br /><br />
68+
<a href="https://www.typeui.sh/docs/guides/opencode"><b>Install in OpenCode →</b></a>
69+
</td>
70+
<td align="center" width="33%">
71+
<a href="https://www.typeui.sh/docs/guides/gemini-cli">
72+
<img src="https://www.typeui.sh/ai-tools-logos/light/gemini-cli.svg" alt="Gemini CLI logo" width="48" height="48" />
73+
<br /><br />
74+
<b>Gemini CLI</b>
75+
</a>
76+
<br />
77+
<sub>Install the TypeUI Gemini CLI extension for UI generation workflows.</sub>
78+
<br /><br />
79+
<a href="https://www.typeui.sh/docs/guides/gemini-cli"><b>Install in Gemini CLI →</b></a>
80+
</td>
81+
</tr>
4782
</table>
4883

4984
## Design skills

‎gemini-extension.json‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"name": "typeui",
3+
"version": "1.0.0",
4+
"description": "Connect Gemini CLI to TypeUI for curated design systems, UI prompts, and layout variations.",
5+
"mcpServers": {
6+
"typeui": {
7+
"httpUrl": "https://mcp.typeui.sh/mcp",
8+
"timeout": 600000
9+
}
10+
},
11+
"contextFileName": "GEMINI.md"
12+
}

‎plugins/README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,5 +10,6 @@ Tool-specific TypeUI plugins live in provider namespaces:
1010
- `cursor/typeui` for the Cursor plugin and Cursor marketplace package.
1111
- `vscode/typeui` for the VS Code / GitHub Copilot agent plugin and MCP configuration.
1212
- `opencode/typeui` for the OpenCode helper plugin and MCP configuration.
13+
- `gemini/typeui` for the Gemini CLI extension and MCP configuration.
1314

1415
Marketplace entries can still expose each plugin as `typeui`; the namespaced folders only keep repository ownership clear as more tool plugins are added.

‎plugins/gemini/typeui/GEMINI.md‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
# TypeUI
2+
3+
TypeUI is connected through the TypeUI MCP server at `https://mcp.typeui.sh/mcp`.
4+
5+
Use TypeUI when the user asks Gemini CLI to build, redesign, improve, or compare UI for websites and applications. TypeUI provides curated design systems, UI prompts, and layout variations so generated interfaces are cleaner and more consistent.
6+
7+
Recommended workflow:
8+
9+
1. Help the user choose a TypeUI design style when they mention visual direction.
10+
2. Use TypeUI resources before generating larger UI screens, sections, or component variations.
11+
3. When the user dislikes a section, ask TypeUI for better variations instead of making one small manual tweak.
12+
4. Keep implementation changes grounded in the user's existing framework, design system, and codebase.
13+
14+
Example prompts users may write:
15+
16+
- Build me a landing page.
17+
- I like the Bento style. Let's use it.
18+
- I don't like this pricing section, give me more variations.
19+
- I like the comparison one. Let's use it.

‎plugins/gemini/typeui/README.md‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
# TypeUI Gemini CLI Extension
2+
3+
TypeUI connects Gemini CLI to the TypeUI MCP server so it can use curated design systems, UI prompts, and layout variations while building interfaces.
4+
5+
## Install
6+
7+
Install TypeUI from the public repository:
8+
9+
```bash
10+
gemini extensions install https://github.com/bergside/typeui
11+
```
12+
13+
For local development, link this extension folder:
14+
15+
```bash
16+
gemini extensions link plugins/gemini/typeui
17+
```
18+
19+
After installation, Gemini CLI will connect to TypeUI MCP. Sign in with TypeUI if Gemini CLI asks you to authorize the connection.
20+
21+
## MCP server
22+
23+
This extension registers the TypeUI Streamable HTTP MCP server:
24+
25+
```text
26+
https://mcp.typeui.sh/mcp
27+
```
28+
29+
## Marketplace preparation
30+
31+
To submit TypeUI to the Gemini CLI extension gallery, keep `gemini-extension.json` at the repository root and add the `gemini-cli-extension` GitHub topic to the public repository.
32+
33+
## Links
34+
35+
- Website: https://www.typeui.sh
36+
- Documentation: https://www.typeui.sh/docs
37+
- Gemini CLI setup guide: https://www.typeui.sh/docs/guides/gemini-cli
38+
- Privacy policy: https://www.typeui.sh/privacy
39+
- Terms of service: https://www.typeui.sh/terms

‎plugins/gemini/typeui/gemini-extension.json‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"name": "typeui",
3+
"version": "1.0.0",
4+
"description": "Connect Gemini CLI to TypeUI for curated design systems, UI prompts, and layout variations.",
5+
"mcpServers": {
6+
"typeui": {
7+
"httpUrl": "https://mcp.typeui.sh/mcp",
8+
"timeout": 600000
9+
}
10+
},
11+
"contextFileName": "GEMINI.md"
12+
}

0 commit comments

Comments
 (0)