Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Tencent SkillHub Β· Productivity
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...
skill openclawclawhub Free
Design system and implementation playbook for minimalist Notion x OpenAI style UI/UX. Use when designing dashboards, chat interfaces, agent control panels, d...
β¬ 0 downloads β
0 stars Unverified but indexed
Install for OpenClaw
Quick setup
- Download the package from Yavira.
- Extract the archive and review SKILL.md first.
- Import or place the package into your OpenClaw setup.
Package facts
- Download mode
- Yavira redirect
- Package format
- ZIP package
- Source platform
- Tencent SkillHub
- What's included
- SKILL.md, references/component-specs.md, references/design-tokens.md, references/layout-patterns.md, references/qa-checklist.md
Validation
- Use the Yavira download entry.
- Review SKILL.md after the package is downloaded.
- Confirm the extracted package contains the expected setup assets.
Install with your agent
Agent handoff
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
- Download the package from Yavira.
- Extract it into a folder your agent can access.
- Paste one of the prompts below and point your agent at the extracted folder.
New install
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
Upgrade existing
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
Trust & source
Release facts
- Source
- Tencent SkillHub
- Verification
- Indexed source record
- Version
- 0.1.0
Provenance
- Publisher
- mes28io
- Source page
- View original listing
- Canonical URL
- Open canonical page
Documentation
Minimalist Notion Γ OpenAI UI
Build crisp, low-noise product UI with strong hierarchy and operator-grade usability.
Core Principles
Prioritize clarity over decoration. Keep layout breathable but dense enough for serious work. Use typography, spacing, and contrast as the primary hierarchy tools. Avoid visual noise (heavy shadows, flashy gradients, random color accents). Every element must justify its presence.
Workflow
Define screen intent in one sentence. Choose one primary user action. Build skeleton with spacing + typography first (no color dependency). Add semantic color only for state/meaning. 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.
Category context
Workflow acceleration for inboxes, docs, calendars, planning, and execution loops.
Source: Tencent SkillHub
Largest current source with strong distribution and engagement signals.
Package contents
Included in package
5 Docs
- SKILL.md
- references/component-specs.md
- references/design-tokens.md
- references/layout-patterns.md
- references/qa-checklist.md