How authenticated HTTP calls to the Opal backend work — the host/guest architecture, fetchWithCreds, the fetch allowlist, and the OpalBackendClient migration. Read this before adding, modifying, or debugging any backend call.
Quellsprache: Englisch
Menü
SkillsMP hat 28 Skills aus breadboard-ai/breadboard gesammelt. Öffne einen Skill, um Quelle und Details zu prüfen.
Es werden 28 von 28 gesammelten Skills angezeigt.
How authenticated HTTP calls to the Opal backend work — the host/guest architecture, fetchWithCreds, the fetch allowlist, and the OpalBackendClient migration. Read this before adding, modifying, or debugging any backend call.
Quellsprache: Englisch
Learn how to make widgets on canvas
Quellsprache: Englisch
Produce high-quality React apps from natural language descriptions.
Quellsprache: Englisch
Teaches you how to properly operate in the sandboxed environment you're in.
Quellsprache: Englisch
Learn how to present your work as a structured surface — a curated manifest of artifacts that the user's application renders in real time.
Quellsprache: Englisch
Learn how to use `window.opalSDK` inside your sandboxed React component to read files, call host services, and listen for events from the application.
Quellsprache: Englisch
Learn how to design and write custom agent templates (sub-agents) inside your workspace, so you can delegate specialized work to custom sub-agents.
Quellsprache: Englisch
Uplevel your researching abilities and learn how to research properly.
Quellsprache: Englisch
Learn how to make widgets on canvas
Quellsprache: Englisch
Produce high-quality React apps from natural language descriptions.
Quellsprache: Englisch
Learn how to present your work as a structured surface — a curated manifest of artifacts that the user's application renders in real time.
Quellsprache: Englisch
Decompose a user objective into a segmented app. Each segment is a multi-view mini-app. Segments are separated by LLM decision points where the orchestrator decides what comes next.
Quellsprache: Englisch
Generate multi-file React component bundles with design tokens from natural language descriptions.
Quellsprache: Englisch
Spec-driven development for Python projects. Write protocols and conformance tests first, then migrate code to satisfy them. The spec is the source of truth across conversation sessions.
Quellsprache: Englisch
Read it to understand the style and workflow for interviewing a user.
Quellsprache: Englisch
Shapes how you behave — calming presence, discretion, no branding. Read this before every interaction.
Quellsprache: Englisch
Magazine-style layout principles for curated editorial digests. Defines layout sections, visual anti-patterns, and narrative prioritization rules. Pairs with ui-generator for technical constraints.
Quellsprache: Englisch
Generate multi-file React component bundles with design tokens from natural language descriptions.
Quellsprache: Englisch
Art direction for presenting user data as a personal morning briefing. Defines editorial techniques, layout sections, anti-patterns, and tone. Technical infrastructure comes from the UI Skill, not this file.
Quellsprache: Englisch
Generate multi-file React component bundles with design tokens from natural language descriptions.
Quellsprache: Englisch
Decompose a user objective into a segmented journey. Each segment is a multi-view mini-app. Segments are separated by LLM decision points where the orchestrator decides what comes next.
Quellsprache: Englisch
Generate multi-file React component bundles with design tokens from natural language descriptions.
Quellsprache: Englisch
Research a domain by reading provided reference material, then produce a reusable SKILL.md that teaches any agent how to work in that domain.
Quellsprache: Englisch
Audit, diff, and port changes between TypeScript and Python codebases to keep them in sync during the migration.
Quellsprache: Englisch
A proactive bug hunt across the Breadboard codebase. Pick an area, go looking, and produce a concrete artifact (test, lint rule, or codemod) for anything you find.
Quellsprache: Englisch
A system that detects when you're writing code that already exists as a shared utility. Instead of relying on memory or discipline, ESLint rules surface existing helpers in real-time through IDE errors.
Quellsprache: Englisch
A living reference for writing idiomatic TypeScript and Lit in the Breadboard Visual Editor. Covers type safety, import hygiene, component design, and the patterns that distinguish a great frontender from a merely competent one.
Quellsprache: Englisch
Mechanical, multi-file, type-aware refactors powered by ts-morph. Use when a pattern repeats across many files and regex is too fragile.
Quellsprache: Englisch