digitarald

Research/Plan/Implement

🏃 Research Product Spec → Plan Implementation → Implement Plan

digitarald

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

digitarald

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:

digitarald

{
    "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."
        },
        {

digitarald

• 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.

digitarald

• 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").

digitarald

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));
};

digitarald

VS Code Tips & Tricks

Harald @digitarald Kirschner - June 2021

Cheat sheet with instructions to try out the tips & tricks covered in the talk.

Part 1: Personalize the look & feel.

Auto Save

digitarald

<script>
  console.log('%cline-height: 1.5', 'line-height: 1.5; background-color: red; color: white')
  console.log('%cline-height: 1.5em', 'line-height: 1.5em; background-color: red; color: white')
  console.log('%cline-height: 50px', 'line-height: 50px; background-color: red; color: white')
</script>
See DevTools Console

digitarald

Long Frames: Main
16-20: 2156
20-40: 1015
40-60: 203
60-80: 116
80-100: 95
100-120: 61
120-140: 44
140-160: 24
160-180: 33