The Hands-On Leader: Why Technical Fluency Still Matters in the Age of AI
What an AI-assisted website rebuild taught me about technical fluency, architectural judgment, and disciplined delivery.
For more than two decades, I’ve led enterprise technology platforms, architecture initiatives, and technical delivery programs. During that time, I’ve watched the distance between technology leadership and hands-on implementation gradually widen.
But AI-assisted development is changing that dynamic. Agentic coding tools now allow technically fluent leaders to engage directly in software implementation without becoming full-time developers. They can explore architectural alternatives, prototype solutions, and experience emerging technologies firsthand.
The opportunity is to make better decisions about the technology, investments, and delivery organizations they’re responsible for leading.
I recently put that premise to the test by rebuilding my personal website.
An Architectural Decision, Not Just a Website Rebuild
I had maintained a personal website on a proprietary platform for years. When I decided to expand it into a publishing platform for technical briefs, applied AI experiments, and professional perspectives, I began by evaluating its newer AI-assisted creation capabilities.
I encountered a familiar architectural trade-off.
Proprietary SaaS platforms deliver value through integrated capabilities, standardized experiences, and managed infrastructure. Depending on the platform, however, implementation choices may be constrained by proprietary templates, configuration interfaces, or limited access to underlying code.
For a relatively simple publishing site, I questioned whether those constraints were justified.
As a result, I set out to combine the flexibility of an open development stack with the speed of AI coding agents.
A Familiar Enterprise Pattern
The decision reminded me of challenges I’d encountered while governing a digital experience platform for a Fortune 300 manufacturer.
Maintaining consistency, security, and operational stability across a global enterprise required substantial architectural governance. Yet the centralized platform also introduced constraints that slowed experimentation and increased the cost of relatively straightforward changes. Creating room for innovation while managing enterprise risk became prohibitivelyt costly.
That experience reinforced an important principle: standardization and control are valuable, but their cost must remain proportional to the problem being solved.
My personal publishing site didn’t require complex transactions, extensive integrations, or centralized multi-team governance. It needed structured content, consistent design, reliable performance, straightforward maintenance, and flexibility to evolve.
That suggested a different architecture.
Building with Open Standards and AI-Assisted Development
I selected a lightweight, static-first technology stack:
- Google Gemini: Used to formulate the initial project brief, including positioning, page objectives, and design direction.
- Astro: A content-oriented framework generating static pages with minimal client-side JavaScript and structured Content Collections.
- Tailwind CSS: A utility-first styling framework supporting consistent design tokens and reusable visual patterns.
- Claude Artifacts: Used to explore the visual design and establish a reusable design specification.
- Claude Code: An agentic coding tool operating within the local repository to implement components and manage dependencies.
Developing the specifications
The process began with requirements, not code. I used Google Gemini chat to develop an initial project brief covering my professional positioning, the site’s purpose, its information architecture, and the objectives of each page. The brief also articulated the intended look and feel—and what the design should avoid.
Next, I used Claude Artifacts to explore the design system, asking it to draw inspiration from Medium’s presentation of long-form thought leadership. I captured the resulting typography, design tokens, and component guidelines in a DESIGN.md specification. Claude Code then used both the DESIGN.md and the Specification to establish the project structure and implement the initial pages.
Once the initial design system artifact is created, you can export it to a DESIGN.md file for inclusion in your repository. That file becomes a durable reference for subsequent design decisions, allowing you to preserve approved design choices and avoid repeating earlier discussions. When Claude code is asked to alter the design, the respository DESIGN.md file becomes the authoritative source of truth.
Ongoing Iterations
Once the foundation was working, I shifted to small, feature-by-feature prompts to claude code from the project repository folder. Like in development, I found that requesting smaller atomic changes, rather than broad redesign requests, was the most sucessful claude code prompting strategy. Also, referring to specific design syntax from the Claude artifact where possible made editing instructions more precise.
After approving an iteration, I asked Claude to update DESIGN.md so subsequent changes could follow the decisions already made. This created a practical loop: define intent, implement, inspect, refine, and preserve accepted decisions. It also helped build consistent styling across the site without relying on the agent to reconstruct earlier design choices from conversation history.
Within an initial eight-hour working session, the site was architected, styled, and running locally, with structured content collections, responsive layouts, dark and light themes, and reusable metadata components. The project progressed substantially over approximately 48 hours.
Throughout, the source code, configuration, and specifications remained in a standard Git repository, accessible for inspection and modification. That didn’t eliminate dependencies, but it offered more control over maintenance and deployment.
Four Lessons from the Development Loop
The experiment was modest in scope, but it surfaced observations with broader implications for technical leadership.
1. Implementation Velocity Is Changing the Economics of Prototyping
AI-assisted development can dramatically reduce the effort required to establish project structure, generate components, and implement well-defined requirements. In this case, work that might previously have required an extended sequence of manual development activities was completed within hours.
That doesn’t imply comparable acceleration across every application. Enterprise integrations, transactional systems, and production AI solutions introduce complexities that a static website does not. Nevertheless, the implications for early-stage solution evaluation are meaningful.
Faster, lower-cost prototyping allows leaders to validate assumptions and make informed architectural decisions before committing significant resources.
2. Systems Thinking Becomes More Important as Syntax Becomes Easier
One of the most revealing aspects of working with a coding agent was how quickly it translated instructions into functioning components.
But generating code is not the same as designing a coherent system. An agent can generate functional components while overlooking architectural fit, design consistency, and long-term maintainability. The quality of the result depends heavily on clear requirements, architectural boundaries, and implementation constraints.
The ability to generate an implementation does not replace the judgment required to determine whether it is the right implementation.
3. Faster Generation Requires Disciplined Technical Oversight
During the rebuild, I encountered familiar engineering concerns: redundant styling patterns, unnecessary component abstractions, and opportunities to simplify the implementation. These weren’t new problems. They were familiar quality issues appearing within a faster development workflow.
One useful practice was treating approved design decisions as durable project guidance, rather than leaving them buried in chat history. Updating DESIGN.md after each accepted iteration gave subsequent agent-assisted changes a consistent reference point. It did not replace reviewing the results, but it reduced the need to restate previous decisions.
Faster delivery doesn’t guarantee quality. Effective oversight requires clear constraints, code review, and disciplined validation of complexity, security, integration, and operational readiness.
AI changes how work gets performed. It doesn’t eliminate accountability for the result.
4. Architecture Must Remain Fit for Purpose
Perhaps the most important decision occurred before meaningful code was generated.
I chose a static-first architecture because the requirements supported it. A publishing website didn’t need complex runtime infrastructure or extensive content management abstractions.
That doesn’t make Astro or open-source development the right choice for every organization. Enterprise commerce, regulated data, complex integrations, and distributed delivery teams introduce different requirements. In those environments, managed proprietary platforms may justify their cost and constraints.
AI can accelerate implementation, but it doesn’t replace architectural discernment.
Why Hands-On Experience Matters for Technical Leaders
Attention to the craft pays off. Technical leaders make better decisions when they maintain a practical understanding of the technologies and delivery processes they govern. There’s a meaningful difference between understanding an emerging technology conceptually, and experiencing its capabilities and limitations firsthand.
AI-assisted development creates new opportunities for leaders to stay connected to implementation, strengthening their ability to:
- Evaluate investments: Challenge assumptions underlying project estimates, vendor proposals, and agency statements of work.
- Exercise architectural judgment: Distinguish genuine technical constraints from unnecesary complexity.
- Govern Effectively: Establish appropriate guardrails without slowing delivery.
- Lead with confidence: Recognize where AI can accelerate execution, where expertise remains essential, and where additional validation is needed.
My website rebuild was a modest experiment, not a benchmark for enterprise AI development. But it reinforced a principle that applies well beyond the project itself.
As AI makes implementation more accessible, architectural judgment, delivery discipline, and technical accountability become more important, not less.