playbooks

home / skills / partme-ai / full-stack-skills / galileo-ai

galileo-ai skill

/skills/galileo-ai

This skill helps you leverage Galileo AI for design automation, component generation, and AI-assisted design workflows.

npx playbooks add skill partme-ai/full-stack-skills --skill galileo-ai

Review the files below or copy the command above to add this skill to your agents.

Files (2)
SKILL.md
673 B
---
name: galileo-ai
description: Provides comprehensive guidance for Galileo AI design tool including AI-assisted design, component generation, and design automation. Use when the user asks about Galileo AI, needs to use AI for design, generate design components, or automate design workflows.
license: Complete terms in LICENSE.txt
---

## When to use this skill

Use this skill whenever the user wants to:
- [待完善：根据具体工具添加使用场景]

## How to use this skill

[待完善：根据具体工具添加使用指南]

## Best Practices

[待完善：根据具体工具添加最佳实践]

## Keywords

[待完善：根据具体工具添加关键词]

Overview

This skill provides hands-on guidance for using Galileo AI, a design tool that accelerates UI and product design with AI-assisted workflows, component generation, and automation. It helps designers and developers integrate Galileo AI into their process to produce consistent components, prototypes, and design systems faster. The guidance focuses on practical steps, common patterns, and how to get predictable results from the tool.

How this skill works

The skill explains how Galileo AI inspects design intents, generates reusable components, and automates repetitive tasks like layout adjustments and asset exports. It covers prompt patterns, component parameterization, and ways to validate outputs against design tokens and guidelines. The material emphasizes iteration: produce a draft, refine constraints, and export artifacts for implementation.

When to use it

  • Generating UI components from high-level descriptions or wireframes.
  • Automating repetitive design tasks such as spacing, theming, and asset export.
  • Creating consistent design systems or component libraries across screens.
  • Prototyping variations quickly to test visual direction or accessibility.
  • Handing off polished, implementation-ready assets to developers.

Best practices

  • Start with a clear design token set (colors, typography, spacing) so generated components are consistent.
  • Provide concise, actionable prompts describing structure, behavior, and responsive rules.
  • Iterate on component props and constraints rather than full redesigns to converge faster.
  • Validate generated components against accessibility criteria and platform guidelines.
  • Use versioned exports and naming conventions to keep component libraries organized.

Example use cases

  • Turn a text description of a dashboard card into a responsive, coded component ready for export.
  • Automate theme swapping across an app to preview dark/light modes and update tokens.
  • Generate multiple button variants with different states and sizes for a design system.
  • Batch-export icons and images in developer-ready formats while preserving naming and metadata.
  • Produce a prototype with interaction hints to demonstrate user flows for stakeholder review.

FAQ

Can Galileo AI produce code-ready components?

Yes. The tool can generate component markup and style guidelines that can be exported for developer consumption, but you should verify and adapt code to your tech stack.

How do I keep generated designs consistent with an existing design system?

Feed your design tokens and component constraints into prompts, enforce naming/versioning, and iterate on generated components using the same token set to ensure consistency.