Automating Design Workflows with Claude Code Routines
Lukas Margeriego watch the original →
the gist
Claude Code Routines allow developers to automate multi-step workflows by chaining MCP connectors, scheduling tasks, and integrating tools like Granola, Notion, and Linear to turn meeting notes into actionable design prototypes.
Automating Workflows with Claude Code Routines
Claude Code Routines enable developers to execute complex, multi-step tasks on a schedule or via triggers by leveraging Anthropic's managed cloud infrastructure. Users define a routine by providing a natural language summary of the desired outcome, selecting a repository, and configuring triggers such as cron expressions or specific API events. The system then generates a sequence of steps that can be customized by adding or removing Model Context Protocol (MCP) connectors.
Implementing a Design Engineering Pipeline
Design engineers can automate the transition from meeting notes to functional prototypes by chaining specific MCP tools. The workflow involves the following steps:
- Use the Granola MCP to fetch meeting transcripts and identify key design problems or feature requests.
- Query Mobbin, Pinterest, and VidIQ MCPs to retrieve UI references and video solutions relevant to the identified problems.
- Aggregate the findings into a Notion document to serve as a central project repository.
- Draft a Linear ticket to communicate tasks and project management updates to the team.
- Visualize the design in MagicPath by importing the gathered references as image components and applying style changes to existing UI elements based on the retrieved inspiration.
This process allows for the rapid iteration of UI components, such as updating a video editor's timeline view to match industry-standard patterns from tools like Runway, directly within a development environment like Cursor.