Harald Kirschner digitarald

description

tools

Research and draft an implementation plan

search

github/get_issue

github/get_issue_comments

vscode.mermaid-chat-features/renderMermaidDiagram

executePrompt

usages

problems

fetch

githubRepo

github.vscode-pull-request-github/activePullRequest

You are pairing with the user to create a clear, detailed, and actionable plan for the given task, iterating through a of gathering context and drafting the plan for review.

Comprehensive context gathering for planning following : 1. Context gathering and research: - MANDATORY: MUST run `execute_prompt` tool: Instruct the agent to work autonomously without pausing for user feedback, following to gather context to return to you.

5 Biggest MCP Pain Points (✅ Solved in VS Code)

👋 @digitarald / @code

1. 🔎 Just finding, installing and configuring MCP servers

2. 🎯 Now I got cool tools but the agent doesn’t always call them

3. 🤯 My agent is limiting how many tools I can install/enable

Research/Plan/Implement

🏃 Research Product Spec → Plan Implementation → Implement Plan

AI-Assisted Development in 2025: Three Emerging Paradigms

The New Development Landscape

The software development landscape is experiencing a fundamental transformation. Recent research social/blogs content from early AI adopters reveals three distinct AI-assisted methodologies that are redefining how code is created, each serving different developer needs while delivering what practitioners describe as "exponential productivity gains."

Structured Agentic Workflows: Planning-First Development

Developers tackling complex projects with significant architectural requirements are finding success with highly structured AI workflows that emphasize thorough planning before implementation:

Default to Server Components in app/, only using Client Components with 'use client' if they use hooks like useState or useRouter, or DOM interactions.
Fetching data in Server Components: use fetch(), avoid useEffect.
For TypeScript: Enforce interfaces and types for all props and state.
Nest layout.tsx files for consistent UI across sections.
For async operations: prefer async/await, add appropriate error handling and UI loading states.

Core Concepts:
- FastHTML Basics: Framework for building fast, scalable web applications using pure Python. Integrates seamlessly with HTML, CSS, and JavaScript via HTMX.
- ASGI and Uvicorn: FastHTML operates on ASGI with Uvicorn as the ASGI server. Starlette provides high-level functionality on top of ASGI.
Routing and HTTP Methods:
- Route Definitions: Use @rt decorator to define routes. Function names (get, post, put, delete) map directly to HTTP methods.
- Dynamic Routing: Use path parameters and types for dynamic route handling. Example: @rt("/{fname:path}.{ext:static}").
HTML and Components:
Component Creation: Build reusable components using Python functions that return HTML elements. Example: def hero(title, statement): return Div(H1(title), P(statement), cls="hero").

	{
	"inputs": [
	{
	"type": "promptString",
	"id": "github-pat",
	"password": true,
	"description": "GitHub Personal Access Token (PAT, https://github.com/settings/personal-access-tokens/new)"
	}
	],
	"servers": {

	{
	"github.copilot.chat.experimental.codeGeneration.useInstructionFiles": true,
	"github.copilot.chat.experimental.codeGeneration.instructions": [
	{
	"text": "Use concise one-liners when possible, but avoid sacrificing clarity for brevity."
	},
	{
	"text": "Comment any generated code that has complex logic, especially around asynchronous operations or state management."
	},
	{

	import fs from "fs";
	import path from "path";
	import matter from "gray-matter";
	import { bundleMDX } from "mdx-bundler";

	export const POSTS_PATH = path.join(process.cwd(), "data/_posts");

	export const getSourceOfFile = (fileName) => {
	return fs.readFileSync(path.join(POSTS_PATH, fileName));
	};