tokidev-design-system
CommunityApply Tokidev’s premium UI style instantly.
Authortokidev-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Prevents you from having to manually recreate Tokidev’s dark, glassmorphic visual style by providing a ready-to-use set of tokens and component recipes for consistent results.
Core Features & Use Cases
- Color + Typography Tokens: Standardizes the deep navy background, warm off-white text, and coral/orange-to-yellow accents with Inter typography.
- Component Patterns: Includes recipes for glass navigation bars, primary/secondary CTAs, glass cards, badges, and ambient glow backgrounds.
- Framework Support: Provides implementation guidance for both Vanilla CSS and Tailwind CSS, keeping layouts visually consistent across projects.
Quick Start
Tell the AI: "Refactor this page to use the tokidev design system with the glass navbar, gradient headings, and coral-to-yellow primary CTA."
Dependency Matrix
Required Modules
None requiredComponents
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: tokidev-design-system Download link: https://github.com/tokidev-ai/tokidev-skills/archive/main.zip#tokidev-design-system 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.