Nodlume blog
Each post digs into one part of the workflow — modeling data on the canvas, wiring routes and access rules, and the decisions behind the project skeleton Nodlume generates.
Featured
Canvas node
to normalized path
to file tree
Why most palettes fail 8% of men, the two rules that make one safe, and proven color-blind-safe palettes with hex codes for interfaces and charts.
Read articleApplication architecture
Route trees, layouts, navigation, guards, and the structural decisions that become expensive after implementation begins.
A practical checklist for planning routes, layouts, loading states, error boundaries, data access, authentication, and navigation before a Next.js App Router project becomes expensive to rearrange.
Read articleChoose navigation patterns from the shape of the task, connect them to the route tree, and test whether people can find, compare, complete, and recover across a growing application.
Read articleA route tree where a page's path is simply where it sits, navigation drawn as the paths people actually travel, and guards that protect a page however someone arrives at it.
Read articleThe structure painter is a free canvas where brush strokes on a grid become a route tree — downloadable as a real Next.js App Router skeleton or shell script.
Read articleWhat belongs in a Zustand store and what does not, how to split one into slices, and why the App Router needs a per-request store, not a module-level one.
Read articleWhy multi-file AI code generation should follow a topological build order, what each step should be shown, and why the walk is sequential, not parallel.
Read articleshadcn and Tailwind v4
Semantic color, typography, spacing, elevation, and dark mode as reusable tokens rather than one-off visual choices.
Five free shadcn/ui theming tools — theme generator, dark mode converter, font pairings, type scale, palettes — emitting the tokens your project reads.
Read articleNodlume's Theme tab works like a Tailwind theme generator: eight semantic roles, a modular type scale, and elevation — hand-built, shuffled, or AI-generated.
Read articleA font pairing guide for real projects: contrast rules, x-height matching, Google font pairings, and CSS custom properties you can ship today.
Read articleBuild an interface palette around roles, contrast, states, and surfaces—not a collection of attractive swatches that falls apart when applied to a real product.
Read articleWhat a complementary color scheme is, why it fails at equal weight, and the 80/20 rule, contrast checks, and dark-mode adjustments that make it work in a real interface.
Read articleWhat a triadic color scheme is, why it suits charts and categories over marketing pages, and how to weight three hues so an interface has one primary.
Read articleMonochromatic, analogous, complementary, split-complementary, triadic, tetradic and square — the angle behind each scheme and which one an interface needs.
Read articleHow to pick an app or website color scheme — primary, accent, background and status colors — with the tests that catch bad choices and 12 ready-made themes.
Read articleWhy most palettes fail 8% of men, the two rules that make one safe, and proven color-blind-safe palettes with hex codes for interfaces and charts.
Read articleTurn spacing, elevation, borders, and radius into a small token system that keeps React interfaces coherent across cards, controls, dialogs, and dense application screens.
Read articleTarget-specific scaffolding
Permissions, manifests, capabilities, agent projects and MCP servers for browser extensions, desktop, mobile, and backend agents.
Choose Chrome extension permissions by capability, understand host access and install warnings, and keep a Manifest V3 extension no more privileged than its features require.
Read articleA free generator for Chrome extension manifests — surfaces, permissions that explain themselves, and match patterns that are validated, never repaired.
Read articleHow Tauri 2's capability files, plugin crates and builder registrations fit together, why a compiling app still denies its own commands, and how to grant the narrowest permission a desktop feature actually needs.
Read articleWhere Android grants and iOS usage descriptions live in an Expo or bare React Native app, why declaring a permission is only half of asking for it, and how to write usage descriptions App Review will accept.
Read articleHow the app directory becomes a navigator tree, what belongs outside it, and the structural decisions that get expensive once an Expo app passes twenty screens.
Read articleHow Manifest V3's separate runtimes decide an extension's folder layout, what belongs in the service worker, and how to share UI across every surface.
Read articleInk renders React to stdout, not the DOM. How to structure a multi-screen CLI, design the flag table, and stay usable when the output is a pipe.
Read articleWhat an agent actually is — a model, tools, and a loop — how to design one before you write code, and how to pick between the five major TypeScript SDKs.
Read articleWhat separates a coding agent from autocomplete, why code is the best domain for agents, the risks that actually matter, and how to choose a tool that fits.
Read articleVercel ships two ways to build an AI agent — the AI SDK's loop inside your app, and Eve's durable deployed agents. What each one is for, and how they combine.
Read articleHow Eve's filesystem-first layout works — why a tool's filename is the name the model calls, what a subagent does and does not inherit, and which decisions are worth making before the first deploy.
Read articleHow createDeepAgent turns a prompt, a tool list and a backend into a long-horizon agent — what subagents inherit, why skills and memory are files, and which backend makes them reachable.
Read articleWhat goes into new Agent({ … }) — the difference between a handoff and an agent as a tool, how needsApproval pauses a run, why guardrails are agents themselves, and where MCP servers plug in.
Read articleHow an ADK project is shaped — rootAgent in agent.ts, FunctionTool with Zod, sequential, parallel and loop workflows sharing state through outputKey — and the four constraints the docs spell out.
Read articleThe SDK ships the tools and the loop; what you author is Options. How allowedTools, tools and disallowedTools differ, why delegation needs the Agent tool, and where custom tools, hooks and skills go.
Read articleTools, resources and prompts on McpServer — what each register* call takes, why ResourceTemplate insists on list, and when to pick stdio over Streamable HTTP.
Read articleWhat .optional(), .nullable() and .default() each mean in a Zod object schema, what z.infer derives from it, and which spellings changed in Zod 4.
Read articleA Zod 4 migration guide: which Zod 3 spellings are deprecated, which are unchanged, and the order to change them in on a codebase already shipping.
Read articleVisual app design
Wireframes, mockups, UI builders, and the drag-and-drop tooling landscape — deciding structure visually, then handing engineers something real.
A drag and drop app builder assembles software visually. Here is how the category splits, what each type actually produces, and how to choose between them.
Read articleA UI builder is a visual tool for assembling screens instead of hand-writing view code. The four kinds, what each produces, and how to pick one.
Read articleWireframe vs mockup vs prototype, settled by the question each one answers: where things go, what it looks like, and how it behaves.
Read articleAn HTML wireframe sketches a page as headings, text, buttons, inputs and boxes, so you settle structure cheaply and write the markup only once.
Read articleProvable planning
Data models, acceptance criteria, accessibility, traceability, and the artifacts that show how a feature will actually be delivered.
What requirements management actually is, the five-stage process behind the term, and how a small web team runs it without DOORS-class tooling.
Read articleRequirements engineering is the discipline that produces good requirements — elicitation, analysis, modeling, definition, and review, sized for a small team.
Read articleWhat a requirements management plan contains, a copyable template sized for a small software team, and a worked example of filling it in.
Read articleTen requirements management best practices that survive contact with a five-person team — and the failure each one exists to prevent.
Read articleA plainspoken buyer's guide to requirements management software — what the category covers, what to demand of a tool, and how to run the selection.
Read articleA criteria-first guide to choosing requirements tracking tools — four tool classes, where each fails, and the questions that decide the fit.
Read articleBusiness, functional, and technical requirements are three layers of one chain — here is how each becomes the next, with a worked example.
Read articleThe eight decisions that are cheap now and expensive later: scope, routes, data, access, API, tokens, tests, and traceability — plus when planning is done.
Read articleTurn form behavior, keyboard paths, loading and error states into explicit application decisions—and acceptance tests—before implementation hides the gaps.
Read articleAcceptance criteria written beside the page, component, store, or endpoint they are about — and exported as a real test suite where each case is pending until somebody proves it.
Read articleA requirements traceability matrix whose axes you wrote — features down the side, live design nodes across the top — and a report that shows what has a home.
Read articleWhat a requirements traceability matrix is, the columns that earn their place, a copyable template, and a worked example for a small software team.
Read articleDraw entities and relations on a free canvas and export Mermaid — typed columns, PK/FK markers, crow's-foot cardinality — instead of a screenshot that goes stale.
Read articleA visual planning workspace for React applications: pages, components, data models, API routes, and access rules on one connected canvas, exported as a real project.
Read articleWe'd like to use Google cookies to understand how Nodlume is used and to measure our advertising. Nothing loads until you choose, and declining does not affect anything in the app.
Nodlume