sk-tokens-neomorphism
OfficialApply Neomorphism tokens—no theme drift.
Software Engineering#theming#design tokens#css variables#tailwind v4#frontend styling#ui consistency#neomorphism
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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.