stitch-ui-design
Create UI Designs with Google Stitch
This skill helps users craft effective prompts for Google Stitch AI UI design tool. It provides best practices, example prompts, and advanced techniques to generate professional web and mobile interfaces.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "stitch-ui-design". How do I create a dashboard with Stitch?
Résultat attendu:
To create a dashboard with Google Stitch, follow these principles:
1. Be Specific: Instead of 'Create a dashboard', use 'Member dashboard with course modules grid, progress tracking bar, and community feed sidebar using purple theme and card-based layout'
2. Define Visual Style: Include color schemes, design aesthetics
3. List Components: Specify each UI element needed
Example prompt: 'Analytics dashboard with KPI cards, line chart for trends, date range picker, and export button. Use modern dark theme with accent colors for data visualization.'
Utilisation de "stitch-ui-design". What should I include for mobile app prompts?
Résultat attendu:
For mobile apps, specify:
- Platform: iOS, Android, or cross-platform
- Screen dimensions and responsive behavior
- Navigation pattern (tab bar, drawer, stack)
- Native components for the platform
- Touch-friendly sizing and spacing
Example: 'Mobile app login screen (iOS style) with email/password fields, social auth buttons (Google, Apple), and forgot password link. Use iOS human interface guidelines with SF Pro font.'
Audit de sécurité
SûrThis is a documentation-only skill containing markdown files with guidance for Google Stitch AI UI design tool. All static analyzer findings are false positives: backticks are markdown code formatting, not shell execution; cryptographic algorithm flags are documentation text misinterpreted by scanner. No executable code, network requests, or dangerous patterns present.
Problèmes à risque élevé (3)
Score de qualité
Ce que vous pouvez construire
Learn Stitch Prompting Basics
New users wanting to understand how to write effective prompts for Google Stitch to generate their first UI designs
Improve Design Output Quality
Users who have tried Stitch but get generic results and want to learn specific techniques to get better, more tailored designs
Create Multi-Screen App Flows
Users building complete applications who need guidance on prompting for multiple connected screens and responsive layouts
Essayez ces prompts
Create a [component type] with [specific features], using [color scheme] theme and [layout style] design.
Design an e-commerce product page with hero image gallery, add-to-cart button, reviews section, and related products carousel. Use clean minimalist design with [accent color] accents and generous white space.
Design a [screen name] screen for a [app type] mobile app. Include [list of features and components]. Use [design style] with [color palette]. Add [interactive states] and [navigation elements].
Create a [app type] app with: - [screen 1] with [features] - [screen 2] with [features] - [screen 3] with [features] Use [design system] style and ensure responsive behavior across mobile and desktop.
Bonnes pratiques
- Always specify visual details: colors, typography, spacing, and design style to avoid generic AI outputs
- List each screen explicitly for multi-screen apps - Stitch will confirm before generating multiple designs
- Include functional requirements: button actions, form validation, navigation patterns, and user flows
Éviter
- Using vague prompts like 'Create a nice login page' - results in generic, unusable designs
- Forgetting to specify platform (mobile vs desktop) leading to wrong layout expectations
- Not defining visual style, causing AI to output random or inconsistent aesthetics