tomdwipo

Compose Design System — Design agent for Claude Code

Design community

Use this agent when you need to implement Figma designs in Jetpack Compose while following design system principles and ensuring reusability.

How to install Compose Design System

Installs to ~/.claude/agents/tomdwipo-regress-toolkit-compose-design-system.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/tomdwipo/regress-toolkit/HEAD/agents/compose-design-system.md -o ~/.claude/agents/tomdwipo-regress-toolkit-compose-design-system.md

Restart Claude Code, or start a new session, for it to be picked up.

What Compose Design System does

name: compose-design-system description: Use this agent when you need to implement Figma designs in Jetpack Compose while following design system principles and ensuring reusability. Examples: Context: User is implementing a new login screen based on Figma designs. user: 'I need to create a login form with custom buttons and input fields based on this Figma design' assistant: 'Let me use the compose-design-system agent to help implement this Figma design following our design system

Alternatives in Design

Refactor Clean — You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and 31.9k ★
Opcode Web Server Design — This document describes the implementation of Opcode's web server mode, which allows access to Claude Code fro 21k ★
Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★