Nostrstack Embed UI

Nostrstack embed UI and design system guidance for @nostrstack/embed, @nostrstack/blog-kit, and apps/gallery. Use when editing widgets, tokens, CSS classes, or gallery UI behavior.

majiayu000 d2a1766 2 files · 1.6 KB Updated 567 repo stars

File contents

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.

majiayu000/claude-skill-registry-data/tree/main/data/nostrstack-embed-ui commit d2a1766eb8

Frequently asked questions

npx skillmds add majiayu000/nostrstack-embed-ui