Skills
.Work. You
Rest

sparq-ui

Community

Guides Sparq UI design, patterns, and standards.

Design & Creative#typography#accessibility#react#css#design-system#color-tokens#ui-patterns
AuthorKrisWemet
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Sparq UI design system provides a centralized source of truth for the visual language, ensuring consistent patterns, typography, colors, and interactions across all components and pages.

Core Features & Use Cases

  • Design tokens for colors, typography, spacing, and motion that can be reused across the codebase.
  • Component patterns and UI guidelines for layouts, accessibility, responsive behavior, and animation principles.
  • Reference materials to align designers and developers when touching JSX, CSS, Tailwind, or shadcn components.

Quick Start

Apply Sparq UI guidelines before touching JSX/CSS in the Sparq codebase.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: sparq-ui
Download link: https://github.com/KrisWemet/sparq-connection-lab/archive/main.zip#sparq-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.