Vibe IndexVibe Index
PicksNewSkillsMCP ServersMarketplacesPlugins
⚑
Vibe Index Skill
Project recommendations
πŸ”Œ
Vibe Index MCP
Search from AI tools
πŸ”‘
Vibe Index API
Developer interface
Ranking
Vibe IndexVibe Index

Everything you need for vibe coding. Real-time updates on skills, plugins, MCP servers, and marketplaces.

Resources

  • Skills
  • MCP Servers
  • Marketplaces
  • Plugins

Support

  • About Us
  • Contact Us
  • Feedback
  • Sync Activity

Legal

  • Privacy Policy
  • Terms of Service

Β© 2026 Vibe Index. All rights reserved. Operated by JoLab

πŸ›‘οΈ Security scanning active on all resources

Vibe Index is an independent, community-driven directory. Not affiliated with, endorsed by, or sponsored by Anthropic, Vercel, Microsoft, or any other company whose tools are listed here. All product names and trademarks are the property of their respective owners.

design-tokens

13 results for tag "design-tokens"

Loading...
πŸ”Œ

Plugins

5
hashi-figmaTheBushidoCollective/han10012

A hashi figma plugin from HAN by The Bushido Collective, providing plugins for Claude Code development workflows.

Integrationmcpfigma+3
figmaTheBushidoCollective/han9712

A Figma integration plugin from Han, a 139+ plugin system for AI coding agents that provides quality gates, tooling, and specialized agents to ensure ship-ready code.

Integrationmcp
accessibility-pluginlaurigates/claude-pluginsβ˜… 9elementarymillion-views/skillsdesign-system-creationsecondsky/claude-skills
🎯

Skills

8
design-tokensdylanfeltus/skills960

Generates design tokens including type scales, color palettes, spacing systems, and dark mode derivations using mathematical ratios. Includes WCAG contrast checking and outputs CSS custom properties, Tailwind config, or JSON tokens.

figma
+3
design-tokens
design-tokenslaurigates/claude-plugins600

A design tokens skill from a Claude Code plugins collection for development tools.

design-tokens
design-tokensilikescience/design-tokens-skill530

A Claude Code skill providing expert guidance for working with design tokens following the DTCG specification, covering token structure, color spaces (sRGB, Display P3, OKLCH), references/aliasing, resolvers for theming, and tools like jq, JSONata, and Terrazzo.

design-tokens
design-tokensphrazzld/claude-config250

A skill that teaches how to apply design token patterns using Tailwind CSS 4's @theme directive, covering CSS variables, semantic naming, OKLCH color systems, typography scales, spacing grids, and dark mode support.

design-tokens
design-tokensdadbodgeoff/driftβ˜… 18design-tokenssoborbo/claudeskillsβ˜… 6design-tokensandronics/claude-plugin-css-proβ˜… 4design-tokenskentoshimizu/sw-agent-skillsβ˜… 4