ReddRadar
Agent skill
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.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/nostrstack-embed-ui
SKILL.md
Embed UI + Design System
Use this skill for UI work in packages/embed, packages/blog-kit, and apps/gallery.
Workflow
- Read
references/design-system.mdfor tokens, CSS variables, and component classes. - Use
references/ui-specs.mdfor 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.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?