sk-tokens-neomorphism

Official

Apply Neomorphism tokens—no theme drift.

AuthorTimeKast
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It prevents inconsistent styling and theme breakage by enforcing the TimeKast Starter Kit’s Neomorphism 2.0 design-system tokens as the single source of truth.

Core Features & Use Cases

  • Consistent visual language: Guides you to use CSS variables, Tailwind v4 theme aliases, and the provided neo-* elevation utilities for surfaces, shadows, and semantics across the app.
  • Neomorphism-correct components: Ensures shadows define edges (no borders) and directs you to the correct outset/inset/float/pressed tier based on component role (cards, inputs, overlays, active states).
  • Multi-theme safety: Supports Light, Midnight, and Dark/Midnight rendering by requiring semantic classes (bg-background, text-foreground, neo-outset, etc.) instead of hardcoded colors or default Tailwind shadcn overrides.

Quick Start

Use the sk-tokens-neomorphism rules to style your component by replacing any hardcoded colors or Tailwind defaults with the appropriate bg/text semantic aliases and neo-* utilities (for example, use neo-interactive for buttons and neo-inset for inputs).

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: sk-tokens-neomorphism
Download link: https://github.com/TimeKast/AgendaInteligente/archive/main.zip#sk-tokens-neomorphism

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.