内容
<p align="center">
<img src="assets/brand/starrykit-wordmark-on-purple.svg" alt="StarryKit" width="360" />
</p>
<h1 align="center">StarryKit Plugin</h1>
<p align="center">
Turn an idea into a polished, editable presentation or visual design—without leaving your AI agent.
</p>
<p align="center">
<a href="README.zh-CN.md">简体中文</a> ·
<a href="#overview">Overview</a> ·
<a href="#install">Install</a> ·
<a href="#see-it-in-action">Demos</a> ·
<a href="#use-cases">Use cases</a> ·
<a href="docs/README.md">Manual setup</a> ·
<a href="https://starrykit.com">Website</a>
</p>
## Overview
StarryKit gives your AI agent a complete visual design workflow. Start with an idea, image, website, or source file; create a polished visual document; refine every element; and export it in the format you need. You do not need to find the right template first—your references become the starting point.
| Feature | What it means |
| --- | --- |
| **Editable** | Every design stays editable in StarryKit—from individual elements to complete pages. |
| **Perfect export** | Export complete documents or selected pages cleanly to PPTX, PDF, SVG, PNG, JPEG, HTML, or Google Slides. |
| **Import & recreate** | Provide an image, a website, or a source file such as `design.md`. StarryKit uses it as a visual reference and recreates it as an editable design—no template required. |
| **1000+ Prompts** | Explore [1,000+ ready-to-use prompts](https://starrykit.com/explore) and visual ideas, then open one in StarryKit to make it your own. |
## Install
Install StarryKit for your preferred agent host.
### Claude Code
```bash
claude plugin marketplace add StarryKit/starrykit-plugin
claude plugin install starrykit-plugin@starrykit
```
### ChatGPT & Codex
[Install StarryKit from the official ChatGPT Plugin Directory.](https://chatgpt.com/plugins/plugin_asdk_app_6a7ad0afe3ec819188809d7760d8bc2a)
### Cursor
While the Marketplace listing is under review, install the complete Plugin locally:
```bash
git clone https://github.com/StarryKit/starrykit-plugin.git ~/.cursor/plugins/local/starrykit-plugin
```
Restart Cursor or run **Developer: Reload Window**. See the [Cursor installation guide](docs/cursor/README.md) for OAuth and verification.
### Grok Build
```bash
grok plugin install StarryKit/starrykit-plugin --trust
```
The plugin installs the StarryKit Skill and configures the Hosted MCP. Browser OAuth opens when your agent connects for the first time. For other hosts or manual setup, see the [installation guides](docs/README.md).
## See it in action
### Create and Refine with AI
### Edit Manually and Export
## Use Cases
### Presentation
| Prompt | Showcase |
| --- | --- |
| **Product catalog**<br><pre><code>Create a six-page launch catalog for a modular acoustic collection. Make it editorial, tactile, and specification-ready.</code></pre> | <img src="assets/demos/gallery-morrow-formworks.webp" alt="Editorial product catalog created with StarryKit" width="520" /> |
| **Technical launch**<br><pre><code>Turn this incident-response brief into a high-contrast launch deck built around one clear proof point: verified cause in 11 minutes.</code></pre> | <img src="assets/demos/gallery-relay-one.webp" alt="High-contrast technical launch deck created with StarryKit" width="520" /> |
| **Strategy proposal**<br><pre><code>Build an executive strategy deck for a 90-day shade pilot. Keep it warm, editorial, and grounded in one clear public-space outcome.</code></pre> | <img src="assets/demos/gallery-noon-loop.webp" alt="Warm editorial strategy presentation created with StarryKit" width="520" /> |
### Poster
| Prompt | Showcase |
| --- | --- |
| **Open studios**<br><pre><code>Create a stark monochrome poster for an open-studios night. Make unfinished work feel intentional, physical, and inviting.</code></pre> | <img src="assets/demos/gallery-poster-unfinished.webp" alt="Monochrome open-studios poster created with StarryKit" width="520" /> |
| **AI summit**<br><pre><code>Design a futuristic event poster for a human-centered AI summit, pairing precise typography with an atmospheric signal visualization.</code></pre> | <img src="assets/demos/gallery-poster-vector-shift.webp" alt="Futuristic AI summit poster created with StarryKit" width="520" /> |
| **Product showcase**<br><pre><code>Turn this four-product brief into a clean catalog poster for a weekend tools showcase, with price and event details easy to scan.</code></pre> | <img src="assets/demos/gallery-poster-orbit-04.webp" alt="Minimal product showcase poster created with StarryKit" width="520" /> |
### Social Media
| Prompt | Showcase |
| --- | --- |
| **Product drop**<br><pre><code>Create a bold social launch graphic for a modular desk-accessory collection, using numbered callouts and electric color.</code></pre> | <img src="assets/demos/gallery-social-orbit-drop-01.webp" alt="Bold product-drop social graphic created with StarryKit" width="520" /> |
| **Educational carousel**<br><pre><code>Design a clean social carousel that teaches six typography styles every designer should know.</code></pre> | <img src="assets/demos/gallery-social-type-index.webp" alt="Typography education carousel created with StarryKit" width="520" /> |
| **Thought leadership**<br><pre><code>Create a high-impact social graphic for a report on five weak signals reshaping product strategy.</code></pre> | <img src="assets/demos/gallery-social-weak-signals.webp" alt="Thought-leadership social graphic created with StarryKit" width="520" /> |
### More from the Gallery
| Web | UI | Diagram |
| :---: | :---: | :---: |
| <img src="assets/demos/gallery-noriform.webp" alt="Sustainable materials website created with StarryKit" width="280" /> | <img src="assets/demos/gallery-dark-telemetry.webp" alt="Dark operations dashboard created with StarryKit" width="280" /> | <img src="assets/demos/gallery-diagram-event-delivery.webp" alt="Event delivery pattern diagram created with StarryKit" width="280" /> |
| **Web** | **UI** | **Card** |
| <img src="assets/demos/gallery-web-loop-01.webp" alt="Product launch website created with StarryKit" width="280" /> | <img src="assets/demos/gallery-ui-data-canvas.webp" alt="Light analytics workspace UI created with StarryKit" width="280" /> | <img src="assets/demos/gallery-card-years-look-good.webp" alt="Editorial birthday card created with StarryKit" width="280" /> |
| **Infographic** | **Email** | **Email** |
| <img src="assets/demos/gallery-infographic-reform.webp" alt="Circular materials infographic created with StarryKit" width="280" /> | <img src="assets/demos/gallery-email-green-hour.webp" alt="Editorial product email created with StarryKit" width="280" /> | <img src="assets/demos/gallery-email-decision-drag.webp" alt="Research briefing email created with StarryKit" width="280" /> |
[Explore more work in the StarryKit Gallery.](https://starrykit.com/gallery)
---
<sub>Historical note: this repository previously hosted Starry Slides. Its final source snapshot remains available on the <a href="https://github.com/StarryKit/starrykit-plugin/tree/archive/starry-slides-v0.1.38">archive/starry-slides-v0.1.38</a> branch.</sub>
连接信息
猜你喜欢
暂无推荐服务器