Hugo Mourlevat 👨🏾‍💻

✦ Chief Design Officer @Michelin | ✧ (AI) Product Builder 👨🏾‍💻 | Founder @GenAiRadar

[Claude @claudeai]

Introducing Claude Design by Anthropic Labs: make prototypes, slides, and one-pagers by talking to Claude.

Powered by Claude Opus 4.7, our most capable vision model. Available in research preview on the Pro, Max, Team, and Enterprise plans, rolling out throughout the day.

[Perplexity @perplexity_ai]

Personal Computer securely connects to any folder to search, read, and write files locally.

It can access and work across iMessage, Apple Mail, Calendar and other native Mac apps.

[Patrice Cochin @CochinPatrice]

Check out the latest article in my newsletter: Agentive ecology: when humans and AI inhabit the same organization and what it takes to make that cohabitation viable https://t.co/42Dz1OJ3er via @LinkedIn

[Hugo Mourlevat 👨🏾‍💻 @HUGOMRVT]

🔔 I share Claude Code tips, AI agent workflows, and product & design insights every week.

Follow for more:
𝕏 → @genairadar
💼 → https://t.co/CXbqSpmPHQ

[Hugo Mourlevat 👨🏾‍💻 @HUGOMRVT]

Stop prompting.
Start architecting.
Here's the full Claude Code project structure no one talks about 👇

📂 your-project
┃
┣ 📄 CLAUDE.md
┣ 📄 CLAUDE.local.md
┣ 📄 .mcp.json
┃
┗ 📂 .claude
┃
┣ 📄 settings.json
┣ 📄 settings.local.json
┃
┣ 📂 rules
┃ ┣ 📄 code-style.md
┃ ┣ 📄 testing.md
┃ ┣ 📄 api-conventions.md
┃ ┣ 📄 security.md
┃ ┣ 📄 naming.md
┃ ┗ 📄 architecture.md
┃
┣ 📂 commands
┃ ┣ 📄 review.md
┃ ┣ 📄 fix-issue.md
┃ ┣ 📄 onboard.md
┃ ┣ 📄 refactor.md
┃ ┗ 📄 pr-create.md
┃
┣ 📂 skills
┃ ┣ 📂 deploy
┃ ┃ ┣ 📄 SKILL.md
┃ ┃ ┗ 📄 deploy-config.md
┃ ┣ 📂 testing
┃ ┃ ┣ 📄 SKILL.md
┃ ┃ ┗ 📄 test-patterns.md
┃ ┣ 📂 api-docs
┃ ┃ ┗ 📄 SKILL.md
┃ ┗ 📂 audit
┃ ┣ 📄 SKILL.md
┃ ┗ 📄 checklist.md
┃
┣ 📂 agents
┃ ┣ 📄 code-reviewer.md
┃ ┣ 📄 security-auditor.md
┃ ┣ 📄 test-writer.md
┃ ┗ 📄 doc-generator.md
┃
┗ 📂 hooks
┣ 📄 https://t.co/qsIZyHGPfM
┣ 📄 https://t.co/Xieppchhrn
┗ 📄 https://t.co/teAIlx0kJa

[Hugo Mourlevat 👨🏾‍💻 @HUGOMRVT]

📂 hooks/ = automation without the LLM.
Bash scripts triggered on events: post-edit, pre-commit, post-tool.
Deterministic, fast, reliable. The guardrail AI won't bypass.

[Hugo Mourlevat 👨🏾‍💻 @HUGOMRVT]

https://t.co/Gg4BoDAEXf

[Hugo Mourlevat 👨🏾‍💻 @HUGOMRVT]

@Wei_1031 Currently building the Agentic Design System Guide.
It’s a work in progress, but the foundation is scaling fast:
14 sections, 84 modules, and 307 deployable code examples.

Optimized for Claude Code workflows.
Backed by @genairadar.

[Hugo Mourlevat 👨🏾‍💻 @HUGOMRVT]

📂 Design System Agentic
┃
┣ 📂 Foundations
┃ ┣ 📂 Design Tokens
┃ ┣ 📂 Token Architecture
┃ ┣ 📂 Semantic Layers
┃ ┣ 📂 Theme Contracts
┃ ┣ 📂 Style Dictionary
┃ ┗ 📂 Token Pipelines
┃
┣ 📂 Component Library
┃ ┣ 📂 Primitives
┃ ┣ 📂 Composites
┃ ┣ 📂 Patterns
┃ ┣ 📂 Conversational UI
┃ ┣ 📂 Adaptive Layouts
┃ ┗ 📂 Agent Widgets
┃
┣ 📂 Agent Orchestration
┃ ┣ 📂 .ai/ Framework
┃ ┣ 📂 Spec-Driven Workflow
┃ ┣ 📂 Task Decomposition
┃ ┣ 📂 Multi-Agent Routing
┃ ┣ 📂 Context Injection
┃ ┗ 📂 Deterministic Pipelines
┃
┣ 📂 Code Generation
┃ ┣ 📂 Prompt Templates
┃ ┣ 📂 Component Scaffolding
┃ ┣ 📂 Variant Generation
┃ ┣ 📂 Accessibility Checks
┃ ┣ 📂 Output Validation
┃ ┗ 📂 Test Automation
┃
┣ 📂 Figma Integration
┃ ┣ 📂 Variables API
┃ ┣ 📂 MCP Connectors
┃ ┣ 📂 Design-to-Code
┃ ┣ 📂 Asset Extraction
┃ ┣ 📂 Plugin Ecosystem
┃ ┗ 📂 Console MCP
┃
┣ 📂 Governance
┃ ┣ 📂 Contribution Model
┃ ┣ 📂 Review Workflows
┃ ┣ 📂 Versioning Strategy
┃ ┣ 📂 Deprecation Policy
┃ ┣ 📂 Quality Gates
┃ ┗ 📂 Adoption Metrics
┃
┣ 📂 Documentation
┃ ┣ 📂 Living Specs
┃ ┣ 📂 Usage Guidelines
┃ ┣ 📂 Agent Instructions
┃ ┣ 📂 PRD Templates
┃ ┣ 📂 Decision Records
┃ ┗ 📂 Changelog Automation
┃
┣ 📂 Token Transformation
┃ ┣ 📂 Figma-to-Code
┃ ┣ 📂 TailwindCSS Mapping
┃ ┣ 📂 CSS Custom Properties
┃ ┣ 📂 Platform Targets
┃ ┣ 📂 Build Pipelines
┃ ┗ 📂 Drift Detection
┃
┣ 📂 Conversational Patterns
┃ ┣ 📂 Chat Interfaces
┃ ┣ 📂 Voice Interactions
┃ ┣ 📂 Multimodal Inputs
┃ ┣ 📂 Feedback Loops
┃ ┣ 📂 Error States
┃ ┗ 📂 Streaming Responses
┃
┣ 📂 MCP Ecosystem
┃ ┣ 📂 Server Architecture
┃ ┣ 📂 Tool Registry
┃ ┣ 📂 Context Protocols
┃ ┣ 📂 Jira Connectors
┃ ┣ 📂 Figma Connectors
┃ ┗ 📂 n8n Workflows
┃
┣ 📂 QA & Validation
┃ ┣ 📂 Visual Regression
┃ ┣ 📂 WCAG Compliance
┃ ┣ 📂 Snapshot Testing
┃ ┣ 📂 Agent Output Audit
┃ ┣ 📂 Hallucination Guards
┃ ┗ 📂 Human-in-the-Loop
┃
┣ 📂 Scaling & Ops
┃ ┣ 📂 Multi-Brand Support
┃ ┣ 📂 Multi-Market Theming
┃ ┣ 📂 CI/CD Integration
┃ ┣ 📂 Monorepo Strategy
┃ ┣ 📂 Package Distribution
┃ ┗ 📂 Performance Budgets
┃
┣ 📂 AI Tooling
┃ ┣ 📂 Claude Code
┃ ┣ 📂 Cursor / Copilot
┃ ┣ 📂 OpenClaw Agents
┃ ┣ 📂 Cowork Automation
┃ ┣ 📂 LibreChat Setups
┃ ┗ 📂 Custom LLM Chains
┃
┗ 📂 Strategy & Culture
┣ 📂 Design-Eng Alignment
┣ 📂 Adoption Playbooks
┣ 📂 ROI Measurement
┣ 📂 Team Enablement
┣ 📂 Change Management
┗ 📂 Agentic Maturity Model

[Hugo Mourlevat 👨🏾‍💻 @HUGOMRVT]

🤖

[Google @Google]

1/ Reasoning across sources: Ever need to buy parts for your car but don't have the info handy?

Ask Gemini to “Recommend tires for my car.”

By referencing connected apps like @Gmail and Photos, it can understand your car’s make and model, and even the types of trips you take, to give recommendations of tires and info like your license plate number to make your visit to the auto shop go more smoothly.

[GenAI Radar — Curated by Hugo Mourlevat @genairadar]

This is huge for you ! 🙌
Unlimited generations across ALL image models + #Firefly Video. Try everything, @Adobe Firefly, @GeminiApp 2.5, @OpenAI & more.
Ends Dec 1, so dive in!
> https://t.co/pVgNT9oGT9

#free #genai #imagen

[GenAI Radar — Curated by Hugo Mourlevat @genairadar]

Meet today, @Trae_ai SOLO: The autonomous Dev Agent that codes and deploys for you! #GenAIRadar

[GenAI Radar — Curated by Hugo Mourlevat @genairadar]

Figma has just announced the acquisition of Weavy, an innovative AI-powered image and video generation company. The deal brings Weavy’s talented team onboard and introduces a new brand: Figma Weave.

#Figma #Weavy #AI