vicinae

Scaffold Vicinae extensions with TypeScript and React.

68|1|Updated Jan 14, 2026
One-click install
npx skills add https://github.com/knoopx/pi --skill vicinae
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vicinae
Source: https://github.com/knoopx/pi/tree/main/agent/skills/vicinae
Command: npx skills add https://github.com/knoopx/pi --skill vicinae

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps developers scaffold Vicinae launcher extensions using TypeScript and React, enabling rapid creation of commands and UI views with a standard project layout.

Core Features & Use Cases

  • Extension scaffolding: Create new Vicinae extensions with a standardized structure (manifest, src, and optional assets).
  • UI & commands: Define view and no-view commands and create List/Form/Detail views.
  • Raycast compatibility: Build extensions compatible with Raycast-style workflows.
  • Documentation-driven development: Leverages built-in docs in the references for UX patterns, API usage, and keyboard shortcuts.

Quick Start

Recommended: Use Vicinae's built-in "Create Extension" command. Manual: mkdir my-extension && cd my-extension npm init -y npm install @vicinae/api typescript @types/react @types/node mkdir src && touch src/command.tsx

Frequently Asked Questions about vicinae

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a Vicinae extension using TypeScript and React?

To scaffold a Vicinae extension, you can use Vicinae's built-in 'Create Extension' command or manually initialize a project with @vicinae/api, TypeScript, and React to generate a standardized manifest, src directory, and optional assets structure.

Can I build Raycast-compatible extensions with Vicinae?

Yes, you can build Raycast-compatible extensions with Vicinae by scaffolding projects that support Raycast-style workflows, enabling rapid creation of both view and no-view commands using TypeScript and React.

What views are available when creating Vicinae launcher commands?

When creating Vicinae launcher commands, you can define and build List, Form, and Detail UI views using React, allowing you to structure both view-based interactive commands and no-view background commands.

Do I need a standard project skeleton to develop Vicinae extensions?

Yes, developing Vicinae extensions requires a TypeScript and React development environment with a standard project skeleton, including a references folder containing built-in documentation for UX patterns, API usage, and keyboard shortcuts.

What is the best way to structure a new Vicinae extension project?

The best way to structure a new Vicinae extension project is to use the scaffolding tool to automatically generate a standardized layout consisting of a manifest file, a src directory for commands, and an optional assets folder for static files.

Why does documentation-driven development matter for Vicinae extensions?

Documentation-driven development matters for Vicinae extensions because the references folder provides built-in docs for UX patterns, API usage, and keyboard shortcuts, ensuring standardized command creation and consistent interface design.