← 返回 Skill 列表

extension

分类: 开发与工程无需 API Key

nostrstack-embed-ui

Nostrstack嵌入式UI和设计系统指南，适用于@nostrstack/embed、@nostrstack/blog-kit以及apps/gallery。在编辑小部件、标记、CSS类或画廊UI行为时使用。

Embed UI + Design System

Use this skill for UI work in packages/embed, packages/blog-kit, and apps/gallery.

Workflow

Read references/design-system.md for tokens, CSS variables, and component classes.
Use references/ui-specs.md for specific UI specs (event landing, zap UI, QR, etc.).
Verify UI changes with Chrome DevTools MCP (or QA fallback per dev workflow).

Guardrails

Prefer design tokens and .nostrstack-* primitives over hard-coded colors.
Keep motion within defined durations/easings and respect reduced motion.
Gallery should act as the canary for embed UI regressions.