|
1 | 1 | <p align="center"> |
2 | 2 | <a href="https://picaos.com"> |
3 | | - <img alt="Pica Logo" src="./resources/images/banner.svg" style="border-radius: 10px;"> |
| 3 | + <img alt="Pica Logo" src="https://assets.picaos.com/github/header.svg" style="border-radius: 10px;"> |
4 | 4 | </a> |
5 | 5 | </p> |
6 | 6 |
|
7 | | -<p align="center"><b>Pica, The AI Integrations Solution</b></p> |
| 7 | +<p align="center"><b>Pica</b> - <i>Ensuring outcomes for the AI-first world</i></p> |
8 | 8 |
|
9 | 9 | <p align="center"> |
10 | 10 | <b> |
11 | | - <a href="https://www.picaos.com/">Website</a> |
| 11 | + <a href="https://www.picaos.com">Website</a> |
12 | 12 | · |
13 | 13 | <a href="https://docs.picaos.com">Documentation</a> |
14 | 14 | · |
|
24 | 24 |
|
25 | 25 | --- |
26 | 26 |
|
27 | | -Pica gives every builder instant, reliable access to the tools they need—no keys, no configs, no headaches. |
| 27 | +Connect LLMs to 25,000+ actions with Pica-verified knowledge and developer-friendly SDKs. No keys, no configs, no headaches. |
28 | 28 |
|
29 | | -## Why Pica? |
| 29 | +Pica makes it simple to build and manage AI agents with 3 key products: |
| 30 | +1. **OneTool**: Connect agents to over [150+ integrations](https://picaos.com/integrations) with a single SDK. Zero-shot execution that gets smarter with every use. |
| 31 | +2. **AuthKit**: Streamline authentication for multi-tenant applications with secure, end-to-end OAuth flows and automated token management. Handles the complexity of authentication so you don't have to. |
| 32 | +3. **BuildKit**: Create AI tools for integrations or empower vibe coding with integrations that work zero-shot. |
30 | 33 |
|
31 | | -Pica simplifies AI agent development with our four core products: |
| 34 | +Built in Rust for blazing speed and ultra-low latency execution. Full logging and action traceability gives developers complete visibility into their agents' decisions and activities. Our tools simplify building and running AI agents so developers can focus on results. |
32 | 35 |
|
33 | | -✅ OneTool – Connect agents to [100+ APIs and tools](https://app.picaos.com/tools) with a single SDK. <br/> |
34 | | -✅ AuthKit – Secure authentication for seamless tool integration. <br/> |
35 | | -✅ BuildKit - Empower vibe coding with integrations that work zero-shot. |
| 36 | +# Getting started 👋 |
36 | 37 |
|
37 | | -Pica also provides full logging and action traceability, giving developers complete visibility into their agents’ decisions and activities. Our tools simplify building and running AI agents so developers can focus on results. |
| 38 | +Follow this tutorial to build a tool to fetch your Gmail emails in under 5 minutes. |
38 | 39 |
|
39 | | -## Getting started |
| 40 | +> 📖 **Full Demo**: For a comprehensive walkthrough with all IDE and framework options, visit [buildkit.picaos.com](https://buildkit.picaos.com) |
40 | 41 |
|
41 | | -### Install |
| 42 | +> 🎥 **Demo Video**: Watch the [4-minute tutorial](https://youtu.be/EnbRfu-BsJE) |
42 | 43 |
|
43 | | -```bash |
44 | | -npm install @picahq/ai |
45 | | -``` |
46 | | - |
47 | | -### Setup |
| 44 | +## What we'll do: |
48 | 45 |
|
49 | | -1. Create a new [Pica account](https://app.picaos.com) |
50 | | -2. Create a Connection via the [Dashboard](https://app.picaos.com/connections) |
51 | | -3. Create an [API key](https://app.picaos.com/settings/api-keys) |
52 | | -4. Set the API key as an environment variable: `PICA_SECRET_KEY=<your-api-key>` |
| 46 | +1. Install the Pica MCP Server |
| 47 | +2. Connect your Gmail account |
| 48 | +3. Set up a starter project with Vercel AI SDK |
| 49 | +4. Add some rules for the LLMs to understand BuildKit |
| 50 | +5. Prompt the LLM to build your tool |
53 | 51 |
|
54 | | -### Example Usage |
| 52 | +## Step 1: Install the Pica MCP Server |
55 | 53 |
|
56 | | -Below is an example demonstrating how to integrate the [Pica OneTool](https://www.npmjs.com/package/@picahq/ai) with the [Vercel AI SDK](https://www.npmjs.com/package/ai) for a GitHub use case: |
| 54 | +In the Cursor menu, select "MCP Settings" and update the MCP JSON file to include the following: |
57 | 55 |
|
58 | | -```typescript |
59 | | -import { openai } from "@ai-sdk/openai"; |
60 | | -import { generateText } from "ai"; |
61 | | -import { Pica } from "@picahq/ai"; |
62 | | -import * as dotenv from "dotenv"; |
63 | | -dotenv.config(); |
64 | | - |
65 | | -const pica = new Pica(process.env.PICA_SECRET_KEY!, { |
66 | | - connectors: ["*"] |
67 | | -}); |
68 | | - |
69 | | -async function runAgentTask(message: string): Promise<string> { |
70 | | - const system = await pica.generateSystemPrompt(); |
| 56 | +```json |
| 57 | +{ |
| 58 | + "mcpServers": { |
| 59 | + "pica": { |
| 60 | + "command": "npx", |
| 61 | + "args": ["@picahq/mcp"], |
| 62 | + "env": { |
| 63 | + "PICA_SECRET": "your-pica-secret-key" |
| 64 | + } |
| 65 | + } |
| 66 | + } |
| 67 | +} |
| 68 | +``` |
71 | 69 |
|
72 | | - const { text } = await generateText({ |
73 | | - model: openai("gpt-4.1"), |
74 | | - system, |
75 | | - prompt: message, |
76 | | - tools: { ...pica.oneTool }, |
77 | | - maxSteps: 10, |
78 | | - }); |
| 70 | +**Note:** Replace `your-pica-secret-key` with your actual Pica secret key from the dashboard: [Get API Key](https://app.picaos.com/settings/api-keys) |
79 | 71 |
|
80 | | - return text; |
81 | | -} |
| 72 | +## Step 2: Connect your Gmail account |
82 | 73 |
|
83 | | -runAgentTask("Star the repo picahq/pica with github") |
84 | | - .then((text) => { |
85 | | - console.log(text); |
86 | | - }) |
87 | | - .catch(console.error); |
88 | | -``` |
| 74 | +Now we need to connect your Gmail account so we can test our tool after we build it. |
89 | 75 |
|
90 | | -[](https://replit.com/@picahq/Pica-or-GitHub-Star-Demo) |
| 76 | +[**Add Gmail Connection →**](https://app.picaos.com/connections) |
91 | 77 |
|
| 78 | +## Step 3: Set up a starter project |
92 | 79 |
|
93 | | -For more use cases, visit our [Use Cases Library](https://www.picaos.com/community/use-cases) or our [Awesome Pica Repository](https://github.com/picahq/awesome-pica). |
| 80 | +#### 1. Clone and install dependencies |
94 | 81 |
|
95 | | -### Next.js Integration |
| 82 | +```bash |
| 83 | +git clone https://github.com/picahq/buildkit-vercel-ai-starter.git && cd buildkit-vercel-ai-starter |
| 84 | +``` |
96 | 85 |
|
97 | | -⭐️ You can see a full Next.js demo [here](https://github.com/picahq/onetool-demo) |
| 86 | +```bash |
| 87 | +npm install |
| 88 | +``` |
98 | 89 |
|
| 90 | +#### 2. Set up environment variables |
99 | 91 |
|
100 | | -> For more examples and detailed documentation, check out our [SDK documentation](https://docs.picaos.com/sdk/vercel-ai). |
| 92 | +Create a `.env.local` file in the root directory: |
101 | 93 |
|
102 | | ---- |
| 94 | +```env |
| 95 | +OPENAI_API_KEY=your_openai_api_key_here |
| 96 | +``` |
103 | 97 |
|
104 | | -## Running Pica locally |
| 98 | +#### 3. Run the development server |
105 | 99 |
|
106 | | -> [!IMPORTANT] |
107 | | -> The Pica dashboard is going open source! Stay tuned for the big release 🚀 |
| 100 | +```bash |
| 101 | +npm run dev |
| 102 | +``` |
108 | 103 |
|
109 | | -### Prerequisites |
| 104 | +#### 4. Open your browser |
110 | 105 |
|
111 | | -* [Docker](https://docs.docker.com/engine/) |
112 | | -* [Docker Compose](https://docs.docker.com/compose/) |
| 106 | +Navigate to `http://localhost:3000` to see the chat interface. |
113 | 107 |
|
114 | | -### Step 1: Install the Pica CLI |
| 108 | +## Step 4: Add some rules for the LLMs to understand BuildKit |
115 | 109 |
|
116 | | -```sh |
117 | | -npm install -g @picahq/cli |
118 | | -``` |
| 110 | +### BuildKit Rules for Cursor |
119 | 111 |
|
120 | | -### Step 2: Initialize the Pica CLI |
| 112 | +Create a `.cursor/rules/buildkit.mdc` file in the root of your project and copy the rules from our local file: |
121 | 113 |
|
122 | | -To generate the configuration file, run: |
| 114 | +📋 **Copy the rules**: [buildkit/rules/cursor/buildkit.mdc](buildkit/rules/cursor/buildkit.mdc) |
123 | 115 |
|
124 | | -```shell |
125 | | -pica init |
126 | | -``` |
| 116 | +### ✅ Verify Setup |
127 | 117 |
|
128 | | -### Step 3: Start the Pica Server |
| 118 | +You can verify setup by asking "What connections do I have in Pica?" - it should show your Gmail connection. |
129 | 119 |
|
130 | | -```sh |
131 | | -pica start |
132 | | -``` |
| 120 | +## Step 5: Prompt the LLM to build your tool |
133 | 121 |
|
134 | | -> All the inputs are required. Seeding is optional, but recommended when running the command for the first time. |
| 122 | +Now you can ask Cursor to build a Gmail tool for you! Copy this prompt: |
135 | 123 |
|
136 | | -##### Example |
| 124 | +> Create me a tool called fetchGmailEmails in my Vercel AI SDK agent for fetching my Gmail unread emails and returning the content using BuildKit |
137 | 125 |
|
138 | | -```Shell |
139 | | -# To start the docker containers |
140 | | -pica start |
141 | | -Enter the IOS Crypto Secret (32 characters long): xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx |
142 | | -Do you want to seed? (Y/N) y |
143 | | -``` |
| 126 | +🎉 **You now have a working AI tool to fetch your Gmail unread emails in under 5 minutes!** |
144 | 127 |
|
145 | | -**The Pica API will be available at `http://localhost:3005` 🚀** |
| 128 | +--- |
146 | 129 |
|
147 | | -To stop the docker containers, simply run: |
| 130 | +## 🚀 What's Next? |
148 | 131 |
|
149 | | -```Shell |
150 | | -pica stop |
151 | | -``` |
| 132 | +Ready to build more AI tools? Pica connects to 150+ platforms with zero-shot execution. |
152 | 133 |
|
| 134 | +**🔗 [Explore All Integrations](https://buildkit.picaos.com/integrations)** - Discover integrations for HubSpot, Salesforce, Slack, GitHub, and more |
153 | 135 |
|
154 | | -## License |
| 136 | +**⚡ [Launch Pica Dashboard](https://app.picaos.com)** - Manage connections, support multi-tenant authentication, monitor usage, and scale your AI agents |
155 | 137 |
|
156 | | -Pica is released under the [**GPL-3.0 license**](LICENSE). |
0 commit comments