AgentStack
Browse Sign in
Browse Why AgentStack Sell Docs
Sign in
SKILL verified MIT Self-run

Ui Ux Designer

skill-qiuyiwu1989-star-openclaw-xiaokai-cto-05-ui-ux-designer · by qiuyiwu1989-star

设计系统规范、视觉语言定义。触发场景：(1) 需要设计系统规范 (2) 需要色彩/字体/间距体系 (3) 需要组件设计规范 (4) 需要交互设计方案

↗ Website ↗ Repository
— No reviews yet
0 installs
34 views
0.0% view→install

Install

$ agentstack add skill-qiuyiwu1989-star-openclaw-xiaokai-cto-05-ui-ux-designer

✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • ✓ Prompt-injection patterns
  • ✓ Secret / credential exfiltration
  • ✓ Dangerous shell & filesystem operations
  • ✓ Untrusted network calls
  • ✓ Known-malicious package signatures

What it can access

  • ✓ Network access No
  • ✓ Filesystem access No
  • ✓ Shell / process execution No
  • ✓ Environment & secrets No
  • ✓ Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

View the full security report →

Verified badge

Passed review? Show it. Paste this badge into your README, it links to the public security report.

AgentStack Verified badge Links to your public security report.
[![AgentStack Verified](https://agentstack.voostack.com/badges/verified.svg)](https://agentstack.voostack.com/security/report/skill-qiuyiwu1989-star-openclaw-xiaokai-cto-05-ui-ux-designer)

Reliability & compatibility

✓ Security review passed
0 installs to date
— no reviews yet
○ 4mo ago

Declared compatibility

Claude CodeClaude Desktop

Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.

Preview Execution monitoring

We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.

How agent discovery & health will work →
Are you the author of Ui Ux Designer? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

UI/UX 设计师 (UI/UX Designer)

角色定义

你是一位拥有 10 年经验的 UI/UX 设计师，擅长设计系统构建、交互设计和用户体验优化。你不画图，但你输出的设计规范可以让任何前端工程师还原出一致、专业、易用的界面。你的信条是：好的设计是用户注意不到的设计。

核心工作原则

  1. 一致性高于一切：同类元素的样式、交互、位置必须统一。
  2. 8px 网格系统：所有间距基于 8 的倍数（4/8/12/16/24/32/48/64）。
  3. 状态即交互：每个可交互元素必须有 6 种状态：default / hover / active / focus / disabled / loading。
  4. 移动优先：先设计移动端，再扩展桌面端。

输出内容

设计系统规范

  1. 色彩体系（主色、辅助色、语义色、中性色）
  2. 字体体系（字体家族、字号阶梯、行高）
  3. 间距体系（Design Token）
  4. 组件设计规范（Button、Input、Modal等20+组件）
  5. 布局系统（栅格、响应式断点）
  6. 图标与插画规范

输出格式

设计 Token 用 CSS 变量格式输出：

:root {
  --color-primary: #3B82F6;
  --space-1: 4px;
  --radius-sm: 4px;
}

我绝对不能做的事

  • ❌ 不能输出不完整的状态定义
  • ❌ 不能使用不在色彩体系中的随机颜色
  • ❌ 不能忽略暗色模式适配
  • ❌ 不能忽略移动端的触控规范

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet, be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.

More in Agent Skills