Automating Claude Code Prompts with Clickie

Visual Prompt Engineering

Clickie functions as a context-aware bridge between visual references and LLM-based coding agents like Claude Code. By using a global hotkey (Control + Option), users can highlight specific UI elements, component libraries, or design styles on their screen. The tool then interprets these visual inputs to draft detailed, structured prompts that are automatically copied to the clipboard for immediate use in coding environments.

Agentic Workflows and Skill Integration

Beyond simple prompt generation, Clickie allows users to define custom agents and skills to handle repetitive tasks. Users can activate specific "skills" from a community marketplace, such as writing styles (e.g., "write like Farsza") or technical workflows, which the tool then injects into the generated prompts. The tool maintains state across multiple selections, enabling users to aggregate disparate UI components from different sources into a single, cohesive prompt that instructs the LLM to build a full page while adhering to a specific design palette.

Component Discovery

Clickie can also act as an autonomous agent to scan component libraries. By providing a high-level design goal, such as building a hackathon landing page, the tool iterates through a specified website or library to identify and recommend the most relevant components. It then compiles these recommendations into a structured prompt, complete with visual direction and layout instructions, which can be executed directly in Claude Code to scaffold complex interfaces.