#patterns
Every summary, chronological. Filter by category, tag, or source from the rail.
Moving Beyond the Atomic Design Metaphor
Atomic design successfully taught the industry to think in terms of component composition, but its rigid taxonomy has become a source of unnecessary friction. Teams should prioritize composability over maintaining strict hierarchical labels.
Hypertokens: Bridging the Gap Between Tokens and Components for AI
Hypertokens are a proposed design-system concept that bundles multiple style properties into a single, machine-readable unit. By providing AI agents with explicit intent rather than raw values, they reduce guesswork, prevent design drift, and enable automated, multi-format compilation.
Building a Design Stack for Claude Code
To get high-quality UI output from Claude Code, you must move beyond default engineering prompts by providing a structured 'design stack'—a combination of project briefs, design system tokens, and specialized MCP tools.
Discovery as a Capability: Developing Judgment in the AI Era
Product discovery is often treated as an operational phase, but it should be a developmental capability. By documenting reasoning and practicing double-loop reflection, makers can turn experience into compounding judgment that AI cannot replicate.
Observability Patterns for Agentic Workflows
Vercel has introduced native observability for the 'eve' agent framework, providing structured tracing of agent turns, tool calls, and token usage with dual-mode views for developers and business stakeholders.
AI SDK 7: Production-Grade Agentic Workflows
AI SDK 7 introduces deep production capabilities for agents, including durable workflows, standardized reasoning, tool context, and provider-agnostic support for realtime voice and video generation.
Building Custom Figma Plugins with AI Agents
Designers can build custom Figma plugins to automate repetitive tasks by using a structured prompt formula: Trigger + Instructions + Desired Output.
AI SDK 7: Building Production-Ready Agents in TypeScript
AI SDK 7 shifts from simple model calls to a comprehensive agent platform, introducing durable execution, tool approvals, and standardized reasoning controls while requiring Node.js 22 and ESM.
Teaching AI Agents Product Design Standards
Vercel treats product design decisions as code by embedding a 'product-design' skill in the repository, using linters for deterministic rules, and maintaining a human-in-the-loop evidence workflow to ensure agents understand the 'why' behind UI patterns.
Design Systems in the Age of Agentic Authorship
Design systems are shifting from human-authored assets to agent-authored infrastructure. This transition requires moving away from passive governance toward versioned, API-like token management and rigorous review processes for machine-generated output.
Showing 10 of 10