BuilderIO/agent-native - 2페이지

design-systems

Manage and apply Design app brand systems. Use when creating, importing, linking, inspecting, or following design-system tokens, assets, fonts, logos, and custom instructions.

원문 언어: 영어

turn-into-app

Turns a thread, skill, spreadsheet, or Claude/ChatGPT project into a polished, visual Agent-Native app: populated domain screens with the in-app agent working behind contextual controls. Use when a user invokes `/turn-into-app`, or asks to turn a workflow,…

원문 언어: 영어

bug-trace

Find the root cause of a reported bug: take in the report (GitHub issue, Jira ticket, file, or pasted text), trace the failing path hop by hop with each hop's runtime precondition, find the recent change that broke it, and rule out rival explanations. Use for…

원문 언어: 영어

fragility-common

Shared library and file contracts for the fragility skills (system-history, bug-trace, refactor-plan, jira-refactor-findings, identify-fragile-systems, investigate-bug). Read when changing how those skills exchange data. Not a workflow on its own.

원문 언어: 영어

identify-fragile-systems

Nightly refactor review: find the systems the last day's commits hit hardest, use three weeks of history to tell fragile from fast-moving, write a plan per systemic fix, and file deduplicated Jira tickets. Use for /identify-fragile-systems or the nightly run.…

원문 언어: 영어

investigate-bug

Given a bug report (GitHub issue, Jira ticket, file, or pasted text), find its root cause and decide per symptom whether it is a one-off or one instance of a pattern worth fixing at the root, then file or sight a deduplicated refactor ticket when it is. Use…

원문 언어: 영어

jira-refactor-findings

File and track refactor findings in Jira without duplicates: match a run against existing refactor-findings tickets, create tickets from plan files (Pod, label, attached plan, run link), record sightings on known tickets, and open linked recurrence tickets…

원문 언어: 영어

refactor-plan

Judge whether a system is fragile or just fast-moving, and write a ticket-ready refactor plan for one root problem, with measured evidence and a stable fingerprint. Use after system history (or a bug trace) points at a systemic problem worth fixing at the…

원문 언어: 영어

system-history

Blobless-safe git and PR history for this repo. Collects first-parent commits, scores systems against the repo's own baseline to separate fragile from fast-moving, lists recent changes to specific files as regression candidates, and reads PR diffs through…

원문 언어: 영어

ingestion-and-connectors

Create, sync, and diagnose Brain sources across all providers (manual, generic, clips, slack, granola, github, zoom) — health states, sync scheduling, and credential resolution. Use when adding a source, running or debugging a sync, or the user asks why a…

원문 언어: 영어

design-review-feedback

Work through persisted, element-anchored review comments on shared Design prototypes and close the loop with verified edits.

원문 언어: 영어

export-handoff

Export Design work and produce developer handoff materials. Use when the user wants HTML, PNG, SVG, ZIP/code exports, implementation notes, or a coding handoff for a selected design.

원문 언어: 영어

shader-fills

Code-backed GLSL shader fills and shader effects: authoring WGSL-free, WebGL1 GLSL fragment shaders that persist as readable source in the screen HTML with uniform knobs in the inspector. Use when the user asks for a shader fill or shader effect, sends…

원문 언어: 영어

prototypes

Open, edit, republish, and Figma-sync the template prototypes in prototypes/ (Claude artifacts of Design, Chat, Slides, Clips, Analytics). Use when asked to open or change a prototype, push one to its app's Figma page, or pull Figma edits back into it.

원문 언어: 영어

design-editor-performance

What each screen costs on Design's canvas, the budgets that bound it, and how to prove a change keeps them. Use when changing culling, previews, live editors, zoom/pan/drag, DesignEditor hooks or caches, or when Design lags, flashes, or grows memory.

원문 언어: 영어

tracking

Server-side analytics tracking with pluggable providers. Use when adding analytics events, registering custom tracking providers, or configuring built-in providers (PostHog, Mixpanel, Amplitude, Webhook).

원문 언어: 영어

secrets

Connect external services and keep app credentials scoped. Use before adding an API key, OAuth connection, provider setup, or server-side request that needs a user's or workspace's credential.

원문 언어: 영어

ship-and-monitor

Run the normal guarded ship flow, then do requested post-merge checks. Add independent beta behavior checks only when requested or a concrete deployment-specific risk makes local proof insufficient. Use when standard `/ship` needs post-merge beta/live, docs,…

원문 언어: 영어

session-replay

Inspect, troubleshoot, and extend Analytics session replay recordings.

원문 언어: 영어

automations

Event-triggered and schedule-triggered automations with natural-language conditions. Use when creating automations, wiring events, or understanding how triggers fire.

원문 언어: 영어

onboarding-journeys

Build the onboarding journey tree (signup to first output, with % splits, last-observed-step counts, window-bounded later activity, and example replays) and render a screenshot per step. Use when asked for an onboarding storyboard, each cohort's last recorded…

원문 언어: 영어

journey-storyboards

Draw an onboarding-journey storyboard (a left-to-right tree of real session screenshots with arrows, fork percentages and last-observed-step stubs) on a Design canvas with one `create-journey-canvas` call. Use when you hold an Analytics journey tree plus…

원문 언어: 영어

content

Use Content for repo-backed Markdown/MDX docs, blogs, resources, rich document editing, Notion-style collections and boards, structured intake forms, local components, shareable copies, and connected local folders. Prefer Content actions over raw filesystem…

원문 언어: 영어

notion-integration

How Notion sync works. Covers connecting, linking pages, pulling from Notion, pushing to Notion, and checking sync status.

원문 언어: 영어

cross-source-analysis

Use when a question spans multiple sources (warehouse + CRM + support + first-party): stitch identities, remove duplicates, give one answer with per-source provenance.

원문 언어: 영어

slide-design

Visual craft for beautiful slides: typography, composition, color, imagery, rhythm, and a critique pass. Use when generating slides or when asked to make a deck or slide beautiful, polished, prettier, more designed, or less generic. Defers to the linked…

원문 언어: 영어

extensions

Creating, editing, and managing extensions — sandboxed Alpine.js mini-apps that run inside iframes. Use only when the host app explicitly enables extensions and the user asks for a one-off custom block or mini-app. Distinct from LLM "tools" (function calls) —…

원문 언어: 영어

adding-a-feature

The four-area checklist every new feature must complete. Use when adding any feature, integration, or capability to ensure the agent and UI stay in parity.

원문 언어: 영어

visual-edit

Open and collaboratively edit a running local app in Design, with shared fallback previews and source handoff. Use when the user asks to inspect, share, or edit a real local app in Design.

원문 언어: 영어

design-editor-repro

Reproduce and verify Design editor issues against the application itself.

원문 언어: 영어

visual-edit

Open and collaboratively edit a running local app in Design, with shared fallback previews and source handoff. Use when the user asks to inspect, share, or edit a real local app in Design.

원문 언어: 영어

visual-plan

Turn ordinary text plans into rich interactive visual plans with diagrams, file maps, annotated code, open questions, and UI/prototype review when useful.

원문 언어: 영어

event-management

How to create, search, list, update, and delete calendar events via Google Calendar: the event scripts, `list-events` result formats and source coverage, working locations, guests and RSVP, date format patterns, and recurrence. Use when reading, scheduling,…

원문 언어: 영어

form-responses

How to view, export, and analyze form responses. Use when the user asks about submitted data, wants to export responses, or needs response analytics.

원문 언어: 영어

observability

Agent observability, evals, feedback, and experiments. Use when adding observability dashboards, configuring trace capture, setting up evals, creating A/B experiments, or collecting user feedback on agent responses.

원문 언어: 영어

apply-slide-comments

Turn open slide comments into edits and resolve them. Use when the user asks to apply, address, resolve, or work through comments, review notes, or feedback left on a deck or slide.

원문 언어: 영어

design-editor-architecture

Where design editor behavior lives and how the editor component is split across `DesignEditor.tsx`, the `use-editor-*` hooks, and the view render functions. Use before changing any editor behavior — undo/redo, paste, delete, duplicate, style commit, layer…

원문 언어: 영어

authentication

How to wire this app's login experience through the framework's createAuthPlugin — branded loginHtml, public paths, and signup/logout UI. Read before creating or editing server/plugins/auth.ts, or before adding gated routes / a public marketing page.

원문 언어: 영어

internationalization

How to add localized UI copy when the user explicitly requests i18n. Do not load or apply this skill for ordinary English UI edits in this starter — it ships inline English strings with no catalogs.

원문 언어: 영어

multi-app-workspace

How to build or extend a multi-app Agent-Native workspace — the monorepo shape, the Dispatch control plane, the shell app that fronts every other app, and the shared package. Use when the user asks for a workspace, a platform, a suite of apps, an app launcher…

원문 언어: 영어