stackblitz-core-workflow-b
Embed StackBlitz projects and manage WebContainer snapshots for sharing. Use when embedding code playgrounds in docs, creating shareable examples, or building interactive tutorials with StackBlitz. '
Profile →npx skills add jeremylongshore/claude-code-plugins-plus-skills --skill stackblitz-core-workflow-b --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# StackBlitz Core Workflow B: Embedding & Sharing ## Overview Embed interactive StackBlitz projects in documentation, blog posts, and tutorials using the StackBlitz SDK. Supports embedding from GitHub repos, existing StackBlitz projects, or inline code. ## Instructions ### Step 1: Embed from GitHub ```typescript import sdk from '@stackblitz/sdk'; // Embed a GitHub repo as an interactive editor sdk.embedGithubProject('embed-container', 'vitejs/vite/packages/create-vite/template-react-ts', { openFile: 'src/App.tsx', height: 500, theme: 'dark', clickToLoad: true, // Don't load until user clicks }); ``` ### Step 2: Embed Inline Project ```typescript sdk.embedProject('embed-container', { title: 'React Counter Demo', template: 'node', files: { 'src/App.tsx': ` import { useState } from 'react'; export default function App() { const [count, setCount] = useState(0); return <button onClick={() => setCount(c => c + 1)}>Count: {count}</button>; }`, 'package.json': JSON.stringify({ dependencies: { react: '^18', 'react-dom': '^18' }, }), }, }, { openFile: 'src/App.tsx', terminalHeight: 25, }); ``` ### Step 3: Open in New Tab ```typescript // Open project in full StackBlitz editor sdk.openGithubP
- Overview
- Instructions
- Step 1: Embed from GitHub
- Step 2: Embed Inline Project
- Step 3: Open in New Tab
- Step 4: URL-Based Embedding
- Error Handling
- Resources
- Next Steps
What does the stackblitz-core-workflow-b skill do?
Embed StackBlitz projects and manage WebContainer snapshots for sharing. Use when embedding code playgrounds in docs, creating shareable examples, or building interactive tutorials with StackBlitz. '
How do I install it?
Run `npx skills add jeremylongshore/claude-code-plugins-plus-skills --skill stackblitz-core-workflow-b --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From jeremylongshore/claude-code-plugins-plus-skills, a repository with 2,630 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.