design-taste-frontend
78构建精致的前端界面
AI 生成的界面常常显得通用,或缺少生产级细节。此技能为 Claude、Codex 和 Claude Code 提供严格的设计与前端护栏。
创建高级 Google Stitch 设计系统
通用 AI 界面通常看起来不一致,也难以细化。此技能会将项目方向转化为结构化的 DESIGN.md,用于指导 Google Stitch、Claude、Codex 和 Claude Code。
将此请求复制给你的智能体,其中包含权威 Skill 页面和清单。
Review the Skillstore skill "stitch-design-taste" from https://skillstore.io/skills/leonxlnx-stitch-design-taste.md and its manifest at https://skillstore.io/api/skills/leonxlnx-stitch-design-taste/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划,并按安全策略请求必要确认。
当 AI Agent、爬虫或脚本需要干净上下文,而不是读取完整页面时,请使用这些链接。
正在使用“stitch-design-taste”。 面向代理团队的生产力仪表盘。
预期结果:
一个 DESIGN.md 方向,包含平衡的密度、一种平静的强调色、适合仪表盘的排版、不对称区块,以及严格的响应式规则。
正在使用“stitch-design-taste”。 面向摄影师的编辑式作品集。
预期结果:
一个视觉系统,包含更高的创意度、以图像驱动的标题、独特排版、克制用色,并明确禁止通用作品集模式。
正在使用“stitch-design-taste”。 面向移动端和桌面端的金融科技引导流程。
预期结果:
一个设计系统,包含保守的动效、以信任为核心的颜色角色、表单状态、触控目标规则,以及移动优先的布局指导。
All 30 static findings were adjudicated as false positives. The external command findings are Markdown backticks, the network finding is a documentation link, and the blocker findings are design terminology. No semantic security issue or prompt injection attempt was found in SKILL.md or DESIGN.md.
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据,不判断该 Skill 是否安全。
https://skillstore.io/skills/leonxlnx-stitch-design-taste/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/leonxlnx-stitch-design-taste?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/leonxlnx-stitch-design-taste?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/leonxlnx-stitch-design-taste/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/leonxlnx-stitch-design-taste.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). stitch-design-taste security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/leonxlnx-stitch-design-taste/audits/4@techreport{leonxlnx-leonxlnx-stitch-design-taste-2026,
author = {leonxlnx},
title = {stitch-design-taste security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/leonxlnx-stitch-design-taste/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: "stitch-design-taste security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "leonxlnx"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/leonxlnx-stitch-design-taste/audits/4"
identifiers:
- type: other
value: "skillstore:leonxlnx-stitch-design-taste:audit:4"
description: "Skillstore immutable audit report identifier"
在 Google Stitch 中生成界面之前,创建一个共享的 DESIGN.md。
在 Stitch 导出后,将视觉品味转化为清晰的实现规则。
在完整设计系统存在之前,设定高级视觉方向。
为一个 [product type] 创建 DESIGN.md。使用 creativity 6、density 4、variance 5 和 motion 4。包含颜色角色、排版、布局规则和禁用模式。
为 [project] 创建 DESIGN.md,使用 [brand colors] 和 [audience]。保留一种强调色,避免通用 AI 模式,并明确响应式规则。
审阅这个 Stitch 概念描述:[paste description]。重写设计系统,使界面感觉 [adjectives],并包含清晰的组件、动效意图和反模式。
为 [product] 创建一个高级 DESIGN.md,供编码智能体在 Stitch 导出后实现。包含视口测试、布局规则、组件状态和动效约束。
作者
leonxlnx许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
b8ca75d2c0a7e7102978993058777d82b8ab2610
维护新鲜度
2026/7/18
使用量
10 次下载 · 83 次浏览
构建精致的前端界面
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 项目
现有应用常常显得通用、不一致或未完成。此技能会审计界面,并在不改变核心技术栈的情况下应用有针对性的视觉升级。
设计极简编辑风界面
通用 AI 生成的界面通常显得拥挤、光亮或不一致。此技能为 Claude、Codex 和 Claude Code 提供精确的视觉规则,用于打造平静的编辑风布局。
设计独特的 UI 原型
由 tencentcloudbase
通用 AI 界面往往缺乏视觉方向和符合平台特性的细节。此技能会指导 Claude、Codex 和 Claude Code 在构建原型之前先定义设计意图。
Build and Refine Interfaces with Uizze
由 uizze
Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.
设计 Apple 风格界面
由 BarisSozen
现代产品团队需要一致、精致的 UI 指导。此技能为 Claude、Codex 和 Claude Code 提供实用的 Apple 风格规则,涵盖排版、颜色、间距、组件、动效和 UX 评审。
应用 Anthropic 品牌样式
由 ZhanlinCui
团队通常需要在文档和演示文稿中保持一致的 Anthropic 风格视觉效果。此技能为制作精致的品牌化产物提供实用的颜色、排版和强调元素指导。
创建更好的 Google Stitch UI 提示词
由 sickn33
当提示词缺少细节时,Google Stitch 可能会生成较为通用的设计。此技能为屏幕、流程、视觉风格、无障碍和交接提供结构化的提示词指导。
构建一致的核心组件接口
由 sickn33
UI 工作可能会逐渐偏向硬编码间距、颜色和原始平台组件。此技能引导 Claude、Codex 和 Claude Code 使用核心组件、令牌和可复用布局。