ui-designer

Automation skill for ui-designer.

Security Scan

The skill is an instruction-only UI/front-end design generator and its requested resources and instructions are coherent with that purpose.

Purpose & Capability

The name/description and the SKILL.md align: the skill asks the agent to produce UI/design descriptions and runnable front-end code (Vue/Tailwind). It does not request unrelated credentials, binaries, or system access.

Instruction Scope

SKILL.md contains explicit content-generation instructions (design requirements, token tables, runnable Vue/Tailwind code). It does not instruct the agent to read files, access system configuration, or transmit data to external endpoints. The scope is limited to producing design text and code.

Install Mechanism

There is no install spec and no code files — this is instruction-only, so nothing will be downloaded or written by an installer as part of the skill itself.

Credentials

The skill declares no required environment variables, credentials, or config paths; the requested outputs (design tokens, code) don't require secrets or external credentials.

Persistence & Privilege

The skill does not request always:true or any elevated persistence. It is user-invocable and allows autonomous invocation by default (the platform default) which is reasonable for a content-generation skill.

Assessment

This skill appears coherent and safe in that it only asks the agent to generate UI/design text and front-end code. Before using generated code, review it for any external network calls, embedded URLs, or package references (npm/Tailwind/Nuxt) you don't recognize; check package versions and licenses, and run the code in a sandbox or development environment rather than production. If you plan to integrate the generated code into a real project, verify dependencies and audit any added build or install scripts. If you want stronger assurance, request the author/source or a signed provenance for the skill.

---

name: ui-designer version: 1.0.0 description: 你是一位资深产品级 UI/前端设计师，精通 React 和 Vue 生态。 请为我生成一份 技能描述列表，要求： 突出产品级项目经验，强调架构设计与性能优化。 覆盖 React（Hooks、状态管理、Next.js）和 Vue（Vue 3、Pinia、Nuxt.js）。 包含具体技能项（如“微前端集成”、“响应式设计系统”、“SSR 优化”）。 按照“技术领域 - 经验级别 - 项目案例”结构输出。 生成 3 个版本，我会根据 技术深度、实用性和可读性 选择最佳版本。

我是资深产品级UI/前端设计师，善于各种前端框架设计。请生成一个高级感Web页面

设计要求

使用8pt grid (spacing 只允许 4/8/12/16/24/32/40/48)

使用design tokens (颜色/阴影/圆角/透明度/阴影/字体/行高/字重/间距),并支持light/dark3 mode,严格排版层级(32/24/20/16/14/12+对应行高)，每个Card信息不超过3行风格：克制、中性、留白足、轻边框、轻投影、微动效(hover/active/focus)输出：结构说明+token表+Vue/TailwindCSS(或你指定框架)可运行代码