-
Notifications
You must be signed in to change notification settings - Fork 12
feat: add agentic svelte workshop #2880
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Open
paoloricciuti
wants to merge
9
commits into
master
Choose a base branch
from
agentic-svelte-workshop
base: master
Could not load branches
Branch not found: {{ refName }}
Loading
Could not load tags
Nothing to show
Loading
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Open
Changes from 5 commits
Commits
Show all changes
9 commits
Select commit
Hold shift + click to select a range
fb0cb7b
feat: add agentic svelte workshop
paoloricciuti 48c3082
Merge branch 'master' into agentic-svelte-workshop
paoloricciuti 4029fe7
chore: apply suggestions from code review
paoloricciuti 05fb7e3
chore: apply suggestions from code review
paoloricciuti f04b7e1
chore: apply suggestions from code review
paoloricciuti c12d3fb
chore: apply suggestions from code review
paoloricciuti f376ecc
added new og image
avollrath e3fb417
finalize text
marcoow 4d2d11e
changed og images 2 days -> 3 days
avollrath File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,84 @@ | ||
| --- | ||
| title: "Agentic Engineering with Svelte" | ||
| tags: "svelte" | ||
| format: "Workshop: 2 days" | ||
| subtext: "Bookable for teams - on-site or remote" | ||
| description: "Learn how to use AI agents effectively in Svelte 5 and SvelteKit projects, from setup and MCP integration to test-driven workflows, code review, automations, and production debugging." | ||
| introduction: "<p>This hands-on workshop teaches teams how to use AI agents as effective engineering collaborators when building Svelte 5 and SvelteKit applications. Participants learn how to set up a production-ready project, use the Svelte MCP server, skills, subagents, validate generated changes, and combine TDD, code review, repository automations, and observability into a reliable AI-assisted workflow.</p>" | ||
| hero: | ||
| color: purple | ||
| image: "/assets/images/workshops/agentic-engineering-with-svelte/hero.jpg" | ||
| imageAlt: "Photo of a computer screen showing an IDE with an open Svelte project" | ||
| og: | ||
| image: /assets/images/workshops/agentic-engineering-with-svelte/og-image.jpg | ||
| topics: | ||
| - title: Introduction to Agentic Engineering | ||
| text: > | ||
| We'll introduce agentic engineering and the current challenges of using AI effectively with Svelte 5 applications. | ||
|
|
||
|
|
||
| - title: Project setup | ||
| text: > | ||
| We'll create a SvelteKit application with a recommended development stack, including TypeScript, ESLint, Prettier, testing, authentication, database integration, and deployment. | ||
|
|
||
|
|
||
| - title: Svelte MCP server | ||
| text: > | ||
| We'll explain what MCP is, how it improves AI-generated code, and how to use MCP tools for documentation lookup, code validation, auto-fixing, and playground generation. | ||
|
|
||
|
|
||
| - title: AI coding best practices | ||
| text: > | ||
| We'll cover when to use AI, how to manage LLM context efficiently, and how skills, MCP servers, and context optimization fit together. | ||
|
|
||
|
|
||
| - title: Working with AI agents | ||
| text: > | ||
| We'll use sub-agents for parallel and isolated tasks, configure agent instructions in <code>AGENTS.md</code>, and discuss security considerations for MCP servers and AI skills. | ||
|
|
||
|
|
||
| - title: AI-assisted UI/UX workflow | ||
| text: > | ||
| We'll explore how to convert a design from Figma into code and how to use agents without losing design intent or implementation quality. | ||
|
|
||
|
|
||
| - title: Development workflow | ||
| text: > | ||
| We'll establish a Git workflow for reviewing AI-generated changes, practice Test-Driven Development with AI agents, build reusable components following TDD principles, and explain why extensive testing and validation are essential for both engineers and agents. | ||
|
|
||
|
|
||
| - title: Prompting strategies | ||
| text: > | ||
| We'll compare a direct prompt with a structured planning approach by solving the same complex task both ways, then analyze when planning produces better outcomes than immediately generating code. | ||
|
|
||
|
|
||
| - title: Kanban board implementation | ||
| text: > | ||
| We'll kick off a Kanban board implementation using the established AI-driven workflow. Along the way, we will update <code>AGENTS.md</code> when necessary, discuss what belongs there vs. more specialized documentation, create codebase-specific skills, and write ad hoc ESLint rules that keep the agent on track. | ||
|
|
||
|
|
||
| - title: Code review with AI | ||
| text: > | ||
| We'll explore AI-assisted code review options, set up Greptile, and use it to review and improve generated code. | ||
|
|
||
|
|
||
| - title: Repository automations | ||
| text: > | ||
| We'll set up repository automations that automatically triage issues and improve CI workflows. | ||
|
|
||
|
|
||
| - title: Observability and debugging | ||
| text: > | ||
| We'll integrate Sentry into the application and use it to diagnose, debug, and fix runtime issues in an AI-assisted development workflow. | ||
|
|
||
|
|
||
| - title: Loop engineering | ||
| text: > | ||
| We'll direct agents to own all of their work from start to end, fully automating the development cycle from code change, validation, pull request, review feedback, fixes, and eventually merge and deployment. | ||
|
paoloricciuti marked this conversation as resolved.
Outdated
|
||
|
|
||
|
|
||
| leads: | ||
| - handle: paoloricciuti | ||
| --- | ||
|
|
||
| <!--break--> | ||
Binary file added
BIN
+517 KB
static/assets/images/workshops/agentic-engineering-with-svelte/hero.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+210 KB
static/assets/images/workshops/agentic-engineering-with-svelte/og-image.jpg
|
Contributor
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. @marcoow should I ask Andre for a new OG image?
Member
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. yes, please |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.