stitch-design-taste
79创建高级 Google Stitch 设计系统
通用 AI 界面通常看起来不一致,也难以细化。此技能会将项目方向转化为结构化的 DESIGN.md,用于指导 Google Stitch、Claude、Codex 和 Claude Code。
创建精致的移动应用屏幕
移动应用图像概念常常显得普通、拥挤或不一致。此技能可指导 Claude、Codex 和 Claude Code 创建精致的移动端屏幕图像以及连贯的流程。
将此请求复制给你的智能体,其中包含权威 Skill 页面和清单。
Review the Skillstore skill "imagegen-frontend-mobile" from https://skillstore.io/skills/leonxlnx-imagegen-frontend-mobile.md and its manifest at https://skillstore.io/api/skills/leonxlnx-imagegen-frontend-mobile/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划,并按安全策略请求必要确认。
当 AI Agent、爬虫或脚本需要干净上下文,而不是读取完整页面时,请使用这些链接。
正在使用“imagegen-frontend-mobile”。 创建一个精致的健身应用概念。
预期结果:
一组风格一致、带手机框架的移动屏幕图像,展示引导、今日视图、训练详情和进度状态。
正在使用“imagegen-frontend-mobile”。 设计一个五屏电商应用。
预期结果:
一个精致的电商流程,包含浏览、商品详情、购物车、结账和确认屏幕,并使用一致的产品图像。
正在使用“imagegen-frontend-mobile”。 为社交应用制作一个引导流程。
预期结果:
多个引导屏幕,包含多样化布局、简短文案、易读字体排版和一个连贯的视觉系统。
Static analysis flagged Markdown backticks and mobile design vocabulary as command execution and reconnaissance patterns. Review found only image-generation design guidance in SKILL.md, with no executable code, network activity, data access, or prompt injection attempt. All static findings are false positives.
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据,不判断该 Skill 是否安全。
https://skillstore.io/skills/leonxlnx-imagegen-frontend-mobile/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/leonxlnx-imagegen-frontend-mobile?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/leonxlnx-imagegen-frontend-mobile?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/leonxlnx-imagegen-frontend-mobile/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/leonxlnx-imagegen-frontend-mobile.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>leonxlnx. (2026). imagegen-frontend-mobile security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/leonxlnx-imagegen-frontend-mobile/audits/4@techreport{leonxlnx-leonxlnx-imagegen-frontend-mobile-2026,
author = {leonxlnx},
title = {imagegen-frontend-mobile security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/leonxlnx-imagegen-frontend-mobile/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "imagegen-frontend-mobile security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "leonxlnx"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/leonxlnx-imagegen-frontend-mobile/audits/4"
identifiers:
- type: other
value: "skillstore:leonxlnx-imagegen-frontend-mobile:audit:4"
description: "Skillstore immutable audit report identifier"
在详细产品设计开始之前,创建视觉方向和第一组屏幕。
生成精致的应用屏幕,清晰呈现创意、氛围和核心用户流程。
为团队评审生成不同的引导、电商、健康或效率类流程方案。
为一款平静风格的习惯追踪应用创建一张精致的 iOS 屏幕图像。使用易读文本、充足间距和干净的手机样机。
为一款个人财务应用创建一个三屏 Android 流程:欢迎页、仪表板和交易详情。保持调色板克制且值得信赖。
为手工家具创建一个精致的电商应用概念。包含浏览、商品详情、购物车和确认屏幕,并使用强有力的产品图像。
创建一个五屏跨平台健康应用流程。使用柔和纹理、简短文案、一致字体排版、具有定制感的图标和平衡的手机样机。
作者
leonxlnx许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
b8ca75d2c0a7e7102978993058777d82b8ab2610
维护新鲜度
2026/7/18
使用量
2 次下载 · 24 次浏览
文件结构
📄 SKILL.md
创建高级 Google Stitch 设计系统
通用 AI 界面通常看起来不一致,也难以细化。此技能会将项目方向转化为结构化的 DESIGN.md,用于指导 Google Stitch、Claude、Codex 和 Claude Code。
构建精致的前端界面
AI 生成的界面常常显得通用,或缺少生产级细节。此技能为 Claude、Codex 和 Claude Code 提供严格的设计与前端护栏。
提升前端设计品味
AI 生成的前端作品可能显得泛化,并遗漏响应式状态。此技能为 Claude、Codex 和 Claude Code 提供带有明确取向的 UI 规则,以生成更精致的 React 和 Tailwind 输出。
创建动效丰富的前端页面
AI 生成的通用页面经常重复薄弱的布局。这项技能引导 Claude、Codex 和 Claude Code 生成更多样的编辑式 UI、GSAP 动效,并执行更严格的视觉检查。
创建高级视觉界面
通用 AI 布局通常显得扁平且模板化。此技能引导 Claude、Codex 和 Claude Code 生成高级视觉系统、动效规则和响应式 UI 打磨。
重新设计现有 Web 项目
现有应用常常显得通用、不一致或未完成。此技能会审计界面,并在不改变核心技术栈的情况下应用有针对性的视觉升级。
Generate Native-Alpha Transparent Images
由 zseven-w
Image generators can return opaque files or painted checkerboards when transparency is required. This skill generates native-alpha assets and validates every untouched output.
Create Consistent Video Storyboards
由 supercmohq
Video concepts can lose continuity when clips are planned separately. This skill creates sequential storyboard sheets that preserve characters, products, settings, and visual states.
Create Reusable Photorealistic AI Actors
由 supercmohq
Campaign teams need consistent fictional talent without supplying a person photograph. This skill creates one detailed adult identity that can guide later image and video generation.
Create and Edit Project Images
由 openai
Producing consistent raster assets requires precise prompts, careful edits, and reliable output handling. This skill structures requests, creates or edits visuals, validates results, and saves project-ready files.
创建由姿态控制的图像和视频
由 runcomfy-com
姿态控制生成通常需要选择正确的模型和输入格式。此技能会将图像和视频请求路由到 RunComfy 工作流。
使用 Qwen Pro 生成富含文本的图像
由 inference-shell
设计团队需要能够保留文本和布局细节的图像提示词。此技能会指导 Claude、Codex 或 Claude Code 通过 inference.sh 调用 Qwen-Image-2-Pro。