Skills stitch-ui-design

📦

stitch-ui-design

Name: stitch-ui-design
Author: sickn33

Content revision r1 Safe ⚙️ External commands

Create Better Google Stitch UI Prompts

Google Stitch can produce generic designs when prompts lack detail. This skill provides structured prompt guidance for screens, flows, visual style, accessibility, and handoff.

Supports: Claude Codex Code(CC)

🥉 79 Bronze

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request

Review the Skillstore skill "stitch-ui-design" from https://skillstore.io/skills/sickn33-stitch-ui-design.md and its manifest at https://skillstore.io/api/skills/sickn33-stitch-ui-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Your Agent should still show its plan and request any confirmation required by the security policy.

Agent-readable resources

Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.

Markdown detail GET /skills/sickn33-stitch-ui-design.md Signed manifest GET /api/skills/sickn33-stitch-ui-design/manifest Signed lockfile GET /api/skills/sickn33-stitch-ui-design/lockfile

Test it

Using "stitch-ui-design". I need a mobile food delivery home screen.

Expected outcome:

A structured Stitch prompt with search, categories, restaurant cards, bottom navigation, visual style, and mobile sizing requirements.

Using "stitch-ui-design". Make my SaaS dashboard prompt more specific.

Expected outcome:

A refined prompt naming metrics, chart types, navigation, empty states, loading states, responsive layout, and accessibility checks.

Using "stitch-ui-design". Prepare a design for handoff after Stitch export.

Expected outcome:

A review outline covering semantic structure, component names, color tokens, assets, responsive breakpoints, and accessibility notes.

Security Audit

Safe

v4 • 7/7/2026 Open versioned report

Review found the static alerts are false positives from Markdown prompt examples and UI design terminology. The skill contains natural-language guidance for Google Stitch, with no executable commands, credential access, network calls, data exfiltration, or prompt injection attempt.

Files scanned

1,689

Lines analyzed

Review items

False positives ignored

No confirmed security findings were detected by the latest completed static and semantic audit. This does not prove the skill has no side effects.

Audited by: codex View Audit History →

Share & cite this report

Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.

Open versioned report

Copy report link

https://skillstore.io/skills/sickn33-stitch-ui-design/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/sickn33-stitch-ui-design/security.svg)](https://skillstore.io/skills/sickn33-stitch-ui-design?utm_source=security_passport_badge)

HTML badge

<a href="https://skillstore.io/skills/sickn33-stitch-ui-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-stitch-ui-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Embed card

<iframe src="https://skillstore.io/embed/skills/sickn33-stitch-ui-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Academic citations (APA · BibTeX · CFF)

APA citation

sickn33. (2026). stitch-ui-design security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-stitch-ui-design/audits/4

BibTeX citation

@techreport{sickn33-sickn33-stitch-ui-design-2026,
  author = {sickn33},
  title = {stitch-ui-design security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/sickn33-stitch-ui-design/audits/4},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "stitch-ui-design security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "sickn33"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/sickn33-stitch-ui-design/audits/4"
identifiers:
  - type: other
    value: "skillstore:sickn33-stitch-ui-design:audit:4"
    description: "Skillstore immutable audit report identifier"

Skillstore Score

Why this score Evidence Confidence: High

Architecture

Maintainability

Content

Community

Spec Compliance

What You Can Build

Prototype a Product Interface

Create a detailed Stitch prompt for a landing page, dashboard, or app flow before design review.

Build Consistent UI Screens

Define colors, typography, spacing, components, states, and responsive rules for consistent Stitch output.

Prepare Design Handoff

Refine Stitch export goals with accessibility, semantic structure, asset notes, and developer-ready specifications.

Try These Prompts

Basic Screen Prompt

Help me write a Google Stitch prompt for a [screen type] for [target user]. Include sections, style, and platform.

Multi-Screen App Flow

Create a Stitch prompt for a [product type] with onboarding, home, detail, and settings screens. Include navigation and states.

Design System Prompt

Draft a Stitch prompt defining tokens, components, responsive rules, accessibility targets, and interaction states for [brand].

Production Handoff Review

Create a handoff-focused Stitch prompt with semantic structure, assets, breakpoints, states, and developer notes for [project].

Best Practices

Include user context, screen purpose, platform, layout, components, and visual style in every prompt.
Ask for loading, empty, error, selected, disabled, and success states before exporting.
Refine designs in small steps with annotations instead of replacing the full prompt.

Avoid

Avoid vague requests that omit audience, content, layout, and visual direction.
Do not omit responsive behavior when the design must support multiple device sizes.
Do not treat exported HTML or CSS as production-ready without accessibility and code review.

Frequently Asked Questions

Does this skill use Google Stitch directly?

No. It helps write better prompts for Google Stitch, but it does not call the Stitch service.

Can it help with mobile and web UI?

Yes. It includes prompt patterns for mobile apps, responsive web pages, dashboards, forms, and SaaS interfaces.

Can I use it with Claude, Codex, or Claude Code?

Yes. The skill supports Claude, Codex, and Claude Code for prompt drafting and review.

Does it cover accessibility?

Yes. It recommends prompt details for contrast, touch targets, keyboard navigation, labels, and screen reader support.

Will it make production-ready code?

No. It can guide export cleanup, but developers should review generated HTML, CSS, and assets.

What information should I provide?

Provide the product goal, target users, screen list, brand style, platform, components, and required interaction states.

Developer Details

Author

sickn33

License

MIT

Skillstore revision

Version notice

The author did not declare a version.

Repository

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/stitch-ui-design

Ref

9f814fc6a43fd99946f2da5e0df231c65a38bc76

Maintenance freshness

7/18/2026

Usage

17 downloads · 207 views

File structure

📁 references/

📄 advanced-techniques.md

📄 prompt-examples.md

📄 README.md

📄 SKILL.md

More from sickn33

View all

📦

content-creator

Create Brand-Consistent Marketing Content

Marketing teams need content that stays consistent across channels. This skill helps plan, write, analyze, and optimize content for brand voice and SEO.

Writing & Content View

📦

prompt-engineering-patterns

Improve LLM Prompts With Proven Patterns

Inconsistent prompts waste time and make AI outputs hard to trust. This skill guides prompt design with reusable patterns, examples, evaluation steps, and optimization workflows.

Productivity View

📦

senior-fullstack

Build Fullstack Apps with Senior Patterns

Teams need consistent setup, architecture, and review guidance for modern web applications. This skill provides scaffolders, workflow references, and quality prompts for React, Next.js, Node.js, GraphQL, and PostgreSQL projects.

Coding & Development View

📦

senior-architect

Design Scalable Software Architectures

Architecture decisions are hard to compare across web, mobile, backend, and cloud systems. This skill provides structured guides and local scaffold scripts for reports, dependency review, and trade-off documentation.

Coding & Development View

📦

prompt-engineer

Optimize AI Prompts With Prompt Engineer

Writing clear prompts is hard when goals are vague or complex. This skill turns rough requests into structured prompts using proven prompt frameworks.

Productivity View

📦

product-manager-toolkit

Prioritize Product Work With Research Insights

Product teams need faster ways to rank features, synthesize interviews, and document decisions. This skill provides RICE scoring, interview analysis, and PRD templates for structured planning.

Productivity View

View all

📦

ui-design

Design Distinctive UI Prototypes

by tencentcloudbase

Generic AI interfaces often lack visual direction and platform-aware detail. This skill guides Claude, Codex, and Claude Code to define design intent before building prototypes.

Design & Creative View

📦

shape

Plan UX Before Building

by pbakaus

Teams often build interfaces before clarifying user goals, states, and constraints. This skill guides discovery and produces a design brief for implementation.

Design & Creative View

📦

ux-designer

Improve UX With Research-Led Design Guidance

by shubhamsaboo

Teams often design flows from assumptions and miss accessibility issues. This skill guides research, structure, interaction design, and review using UX best practices.

Design & Creative View

📦

stitch-design-taste

Create Premium Google Stitch Design Systems

by leonxlnx

Generic AI screens often look inconsistent and hard to refine. This skill turns project direction into a structured DESIGN.md that guides Google Stitch, Claude, Codex, and Claude Code.

Design & Creative View

📦

extract

Extract Reusable Design System Patterns

by pbakaus

Teams often duplicate UI components, tokens, and layout patterns across an application. This skill helps Claude, Codex, or Claude Code find reusable patterns and consolidate them into a maintained design system.

Design & Creative View

📦

maxart-creative-studio

Create MaxArt Prompt Packs

by jerrylearner187

Creative teams often have strong ideas but lack consistent prompts, variations, and production notes. This skill turns a brief or reference asset into organized MaxArt-ready image and video direction.

Design & Creative View

stitch-ui-design

Install with my Agent

Agent-readable resources

Test it

Security Audit

Risk Factors

Copy report link

Markdown badge

HTML badge

Embed card

APA citation

BibTeX citation

CITATION.cff

Skillstore Score

What You Can Build

Prototype a Product Interface

Build Consistent UI Screens

Prepare Design Handoff

Try These Prompts

Best Practices

Avoid

Frequently Asked Questions

Developer Details

More from sickn33

content-creator

prompt-engineering-patterns

senior-fullstack

senior-architect

prompt-engineer

product-manager-toolkit

Related Skills

ui-design

shape

ux-designer

stitch-design-taste

extract

maxart-creative-studio