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.
原文语言:英语
菜单
SkillsMP 已收集 breadboard-ai/breadboard 中的 28 个 Skill。打开任一 Skill 可查看来源和详情。
已展示 28 / 28 个已收集 Skill。
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.
原文语言:英语
Learn how to make widgets on canvas
原文语言:英语
Produce high-quality React apps from natural language descriptions.
原文语言:英语
Teaches you how to properly operate in the sandboxed environment you're in.
原文语言:英语
Learn how to present your work as a structured surface — a curated manifest of artifacts that the user's application renders in real time.
原文语言:英语
Learn how to use `window.opalSDK` inside your sandboxed React component to read files, call host services, and listen for events from the application.
原文语言:英语
Learn how to design and write custom agent templates (sub-agents) inside your workspace, so you can delegate specialized work to custom sub-agents.
原文语言:英语
Uplevel your researching abilities and learn how to research properly.
原文语言:英语
Learn how to make widgets on canvas
原文语言:英语
Produce high-quality React apps from natural language descriptions.
原文语言:英语
Learn how to present your work as a structured surface — a curated manifest of artifacts that the user's application renders in real time.
原文语言:英语
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.
原文语言:英语
Generate multi-file React component bundles with design tokens from natural language descriptions.
原文语言:英语
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.
原文语言:英语
Read it to understand the style and workflow for interviewing a user.
原文语言:英语
Shapes how you behave — calming presence, discretion, no branding. Read this before every interaction.
原文语言:英语
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.
原文语言:英语
Generate multi-file React component bundles with design tokens from natural language descriptions.
原文语言:英语
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.
原文语言:英语
Generate multi-file React component bundles with design tokens from natural language descriptions.
原文语言:英语
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.
原文语言:英语
Generate multi-file React component bundles with design tokens from natural language descriptions.
原文语言:英语
Research a domain by reading provided reference material, then produce a reusable SKILL.md that teaches any agent how to work in that domain.
原文语言:英语
Audit, diff, and port changes between TypeScript and Python codebases to keep them in sync during the migration.
原文语言:英语
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.
原文语言:英语
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.
原文语言:英语
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.
原文语言:英语
Mechanical, multi-file, type-aware refactors powered by ts-morph. Use when a pattern repeats across many files and regex is too fragile.
原文语言:英语