← 返回 Skills 市场
mes28io

Minimalist Ui - OpenAI/Notion Style

作者 mes · GitHub ↗ · v0.1.0
cross-platform ✓ 安全检测通过
388
总下载
0
收藏
2
当前安装
1
版本数
在 OpenClaw 中安装
/install minimalist-ui
功能描述
Design system and implementation playbook for minimalist Notion x OpenAI style UI/UX. Use when designing dashboards, chat interfaces, agent control panels, d...
使用说明 (SKILL.md)

Minimalist Notion × OpenAI UI

Build crisp, low-noise product UI with strong hierarchy and operator-grade usability.

Core Principles

  1. Prioritize clarity over decoration.
  2. Keep layout breathable but dense enough for serious work.
  3. Use typography, spacing, and contrast as the primary hierarchy tools.
  4. Avoid visual noise (heavy shadows, flashy gradients, random color accents).
  5. Every element must justify its presence.

Workflow

  1. Define screen intent in one sentence.
  2. Choose one primary user action.
  3. Build skeleton with spacing + typography first (no color dependency).
  4. Add semantic color only for state/meaning.
  5. Run the checklist in references/qa-checklist.md.

Mandatory Style Constraints

  • Max 1 accent color per screen.
  • Border radius: 8–12px (consistent scale).
  • Shadows: subtle only; no layered “dribbble” effects.
  • Animation: 120–180ms, ease-out, functional only.
  • Empty states must suggest a next action.
  • Error states must include fix guidance.

Use These References

  • Token system: references/design-tokens.md
  • Layout and spacing logic: references/layout-patterns.md
  • Components and behavior: references/component-specs.md
  • Acceptance gate: references/qa-checklist.md

Output Contract (when generating UI specs/code)

Always produce:

  • Intent: what this screen optimizes for
  • Structure: zones/regions and hierarchy
  • Tokens used: type scale, spacing, colors
  • Interaction states: hover/focus/disabled/loading/error
  • Accessibility: keyboard + contrast notes
  • Implementation notes: concrete Tailwind/CSS/React guidance

Keep output implementation-ready and concise.

安全使用建议
This skill appears to be a self-contained design playbook and is low-risk: it asks for nothing sensitive and contains only design guidance and templates. Before installing, consider: (1) source and license — the skill has no homepage or author info, so verify you trust the author and the license for reuse; (2) review any code/CSS the skill generates before using it in production (it may produce implementation-ready snippets that should be audited for correctness and security); and (3) if you plan to have the agent run this autonomously, ensure you trust it to create UI specs without exposing any private project data—explicitly avoid giving the agent proprietary tokens or internal assets unless necessary. Overall, safe to use but exercise normal caution around provenance and review of generated code.
功能分析
Type: OpenClaw Skill Name: minimalist-ui Version: 0.1.0 The skill bundle consists entirely of documentation files (`.md`) and a metadata file (`_meta.json`). The `SKILL.md` and associated reference files provide instructions and guidelines for an AI agent to design user interfaces based on specific principles and patterns. There is no executable code, no instructions for the agent to perform system-level operations, access sensitive data, make network calls, or engage in any form of prompt injection aimed at subverting its core purpose or causing harm. The content is purely descriptive and instructional for a UI/UX design task.
能力评估
Purpose & Capability
The name/description are design-focused and all required artifacts (tokens, layout patterns, component specs, QA checklist) match that purpose. No unrelated credentials, binaries, or platform access are requested.
Instruction Scope
SKILL.md defines design principles, a workflow, mandatory style constraints, and an output contract for producing implementation-ready UI specs/code. It only references the included docs and does not instruct the agent to read system files, call external endpoints, or exfiltrate data.
Install Mechanism
No install spec or code files are present; this is instruction-only. Nothing will be written to disk or downloaded by an installer as part of the skill itself.
Credentials
No environment variables, credentials, or config paths are required. The declarations are proportional to a documentation/design playbook.
Persistence & Privilege
The skill is not always-enabled and uses default invocation settings. It does not request elevated persistence or modify other skills' configuration.
如何使用
  1. 确保已安装 OpenClaw(本地或 Docker 部署)
  2. 在对话框中输入安装命令:/install minimalist-ui
  3. 安装完成后,直接呼叫该 Skill 的名称或使用 /minimalist-ui 触发
  4. 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
v0.1.0
Minimalist-UI v0.1.0 initial release - Introduces a design system and implementation playbook for minimalist Notion x OpenAI-inspired UI/UX. - Outlines core design principles: clarity, high information density, and strong visual hierarchy using typography and spacing. - Provides a workflow for designing clean, functional product surfaces. - Sets mandatory style constraints for colors, border radius, shadows, animations, and states. - References essential design documentation for tokens, layout, components, and QA. - Defines output requirements for UI specification and code generation.
元数据
Slug minimalist-ui
版本 0.1.0
许可证
累计安装 2
当前安装数 2
历史版本数 1
常见问题

Minimalist Ui - OpenAI/Notion Style 是什么?

Design system and implementation playbook for minimalist Notion x OpenAI style UI/UX. Use when designing dashboards, chat interfaces, agent control panels, d... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 388 次。

如何安装 Minimalist Ui - OpenAI/Notion Style?

在 OpenClaw 或 Claude Code 对话框中运行命令「/install minimalist-ui」即可一键安装,无需额外配置。

Minimalist Ui - OpenAI/Notion Style 是免费的吗?

是的,Minimalist Ui - OpenAI/Notion Style 完全免费(开源免费),可自由下载、安装和使用。

Minimalist Ui - OpenAI/Notion Style 支持哪些平台?

Minimalist Ui - OpenAI/Notion Style 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。

谁开发了 Minimalist Ui - OpenAI/Notion Style?

由 mes(@mes28io)开发并维护,当前版本 v0.1.0。

💬 留言讨论