Claude Marketplaces
SkillsMCP serversMarketplacesDigestTools
Submit

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP servers by category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control
Claude Marketplaces

An independent directory of skills, plugins and MCP servers for Claude Code. Not affiliated with Anthropic.

Browse

  • Skills
  • MCP servers
  • Marketplaces
  • Weekly digest
  • Skill index
  • MCP index
  • Marketplace index

Site

  • About
  • Tools
  • Submit
  • Feedback
  • Privacy
  • llms.txt
  • Plugins reference

Maker

  • Agent Caffeine
  • knobs
  • Wax
  • Snug
  • mertduzgun.com
Made by mertduzgun.com
Skills/Frontend Development
plugin87 avatar

Token Build

plugin87/ux-ui-agent-skills

Bridges the gap between design tokens in JSON and the dozen platform formats your app actually needs.

installs
450
GitHub stars
3K
last updated
Jun 11, 2026
View on GitHubSave

Install

$ npx -y skills add plugin87/ux-ui-agent-skills --skill token-build --agent claude-code

Installs into .claude/skills of the current project.

Sponsors

CodeRabbitSponsoredTry For FreeLid closed, agents workingTry itOpen StepsSponsoredDownload for freeAppSignalSponsoredStart Free TrialKeep API keys from agentsGet SnugBlock apps on your iPhoneGet WaxDevtools for design engineersTry it livebelt - the only tool your agent needsSponsoredone prompt install

What it does

Takes W3C DTCG source files and runs them through Style Dictionary or Tokens Studio to spit out CSS variables, Tailwind v4 theme configs, typed TypeScript, iOS asset catalogs, Android XML, and Compose theme code. The smart bit is the resolution logic: it collapses aliases per platform, only emits semantic and component tokens (keeps primitives internal), and outputs dark mode or brand variants as deltas instead of duplicating everything. Includes CI wiring so commits fail if someone edits tokens but forgets to regenerate. Honestly most useful when you have designers working in Figma Tokens Studio and engineers who refuse to hand-write theme files for six platforms.

Files

Select a file.

Details

Repository
github.com/plugin87/ux-ui-agent-skills
Categories
Frontend Development, DevOps & CI/CD, Code Review & Quality, AI & Agent Building, Automation & Workflows, Sales & Marketing, Mobile Development, Design & UI/UX
First seen
Jun 11, 2026

More from plugin87/ux-ui-agent-skills

All 17
  • Figma Integration448
  • Governance443
  • Image To Code685
  • Design Review562
  • A11y Audit518
  • Design Tokens506
  • Redesign502
  • Apply Aesthetic498
  • Design Code493
  • Design Component491
  • Ux Writing487
  • Design Qa483
  • Brandkit476
  • Migrate Design System455
  • Performance455
  • Prototype454

Recommended

More Frontend Development
1nuxt avatarcontributingnuxt/uiGuide for contributing to Nuxt UI. Provides component structure patterns, Tailwind Variants theming, Vitest testing conventions, and MDC documentation guideline400installs
2syncfusion avatarsyncfusion-blazor-dataformsyncfusion/blazor-ui-components-skillsImplement Syncfusion Blazor DataForm component for creating dynamic, data-bound forms with validation and field management. Use this when building forms in Blaz370installs
3syncfusion avatarsyncfusion-blazor-pivot-tablesyncfusion/blazor-ui-components-skillsUse this skill when users ask how to implement Syncfusion Pivot Table/PivotView in Blazor. Trigger for Blazor components, data binding, OLAP analysis, aggregati369installs
4millionco avataranimation-best-practicesmillionco/react-doctorCSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animat200installs
5anthropics avatarfrontend-designanthropics/skillsGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making ch1Minstalls
6leonxlnx avatardesign-taste-frontendleonxlnx/taste-skillAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that d661.1Kinstalls