stagewise-io
- 27 skills
- 0 followers
- 3 hours ago last updated
- ▌ Figma · stagewise-io bundleComplete guide for the Figma plugin — REST API access, real-time selection monitoring via CDP, and the figma-app interactive UI. Read this IMMEDIATELY when the user asks to work with Figma.
- ▌ Github · stagewise-io bundleComplete guide for the GitHub plugin — REST API access for repositories, issues, pull requests, actions, releases, and search using a GitHub Personal Access Token.
- ▌ Vercel · stagewise-io bundleComplete guide for the Vercel plugin — REST API access for deployments, logs, projects, and environment variables using a Vercel Personal Access Token.
- ▌ Posthog · stagewise-io bundleComplete guide for the PostHog plugin — REST API access for querying analytics with HogQL, managing feature flags, inspecting events and persons, reading insights, experiments, cohorts, surveys, and more.
- ▌ Supabase · stagewise-io bundleComplete guide for the Supabase plugin — Management API access for running SQL queries, listing projects, managing edge functions, secrets, migrations, and inspecting project health.
- ▌
- ▌ Create Remotion Video · stagewise-io bundleCreate or edit video with Remotion. First-party stagewise + Remotion skill. Contains full video-making process.
- ▌ Logger · stagewise-ioRules for using tslog v5 in klex. Use when creating, modifying, or reviewing logging code, module factories, or logger configuration.
- ▌ Impeccable · stagewise-io bundleUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
- ▌ Import Style · stagewise-ioRules for ordering, grouping, and styling import statements in klex. Use when writing, modifying, or reviewing any import declaration.
- ▌ Fixed Versions · stagewise-ioEnforces pinned exact versions for all dependency installs and updates. Use when installing, updating, or reviewing package dependencies.
- ▌ Module Pattern · stagewise-ioRules for building, naming, and importing modules in klex. Use when creating modules, adding files to existing modules, writing cross-module imports, or setting up import paths.
- ▌ Native Dependencies · stagewise-ioRules for adding, packaging and verifying native or platform-specific dependencies in klex. Use when introducing a dependency that ships a .node addon or a prebuilt binary, or when editing build.ts, package-exe.ts, smoke-exe.ts or verify-native.ts.
- ▌ Conventional Commits · stagewise-ioEnforces conventional commit format with compact bullet bodies. Use when committing or amending any commit.
- ▌ Local Data Migrations · stagewise-ioRules for changing Klex config schemas, SQLite schemas, persisted JSON, store metadata, local-data definitions, or migration and recovery code.
- ▌ Add LLM Model · stagewise-ioUse when adding a new LLM/model to stagewise model catalogs, provider instances, routing, validation, docs, or showcase UI.
- ▌
- ▌
- ▌
- ▌ History Compression · stagewise-ioHow stagewise's agent history compression pipeline works — boundary selection, recency bias, chained compressions, and the SQLite-backed test harness for replaying real compressions in LLM playgrounds. Use when debugging, tuning, or extending history compression, when investigating context-window overflow, or when the user wants to probe compression quality against real chat histories.
- ▌ Prompt Optimization · stagewise-io bundleGuides building, reviewing, and optimizing system prompts and prompt templates for LLMs. Use when creating system prompts, writing prompt templates, optimizing prompt structure, reducing prompt token usage, compressing prompts, improving prompt clarity, reviewing prompts for safety and bias, or making prompts more token-efficient. Also use when the user says "write a prompt," "optimize this prompt," "system prompt," "prompt engineering," "make this prompt better," "reduce tokens," or "compress this prompt."
- ▌
- ▌ Karton Best Practices · stagewise-io bundlePerformance-focused guidelines for writing React code that consumes Karton state. Use when creating or reviewing components that use useKartonState, useKartonProcedure, useComparingSelector, or any Karton React hooks. Covers selector patterns, re-render prevention, structural sharing, and edge cases.
- ▌ Stage UI Design System · stagewise-io bundleStagewise UI theming, design tokens, derived utilities, and component library reference. Use when creating, editing, or reviewing UI in apps/browser, implementing new screens or components, or styling with Tailwind in the stagewise codebase.
- ▌ Mini Apps · stagewise-io bundleGuide for building custom interactive web apps ("mini apps") displayed in browser tabs — scaffolding, iframe constraints, bidirectional messaging with the sandbox, and iteration workflows.
- ▌ Learn · stagewise-io bundleCreate, extract, or update a skill. Use when authoring a new skill from scratch, extracting knowledge from the current session, or updating an existing skill when the user's intentions contradicted skill guidance or content is confusing/outdated.
- ▌ Javascript Sandbox · stagewise-io bundleBest practices for using the stagewise built-in JavaScript sandbox. Explains how to access APIs for browser debugging/interaction, use external dependencies, file system access, running mini-apps, etc.