Summary
The ckm:design-system skill provides a three-layer token architecture (primitive, semantic, and component tokens) for creating systematic design systems, CSS variable management, and generating brand-compliant presentations. It serves design-to-code teams and frontend developers who need to establish design tokens, component specifications, spacing and typography scales, and Tailwind theme configurations. The skill solves the problem of maintaining consistency between design and implementation by automating token generation, validating token usage across codebases, and ensuring brand compliance through standardized token-driven slide creation.
Install to Claude Code
npx -y skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ckm%3Adesign-system --agent claude-codeInstalls into .claude/skills of the current project.
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Files
SKILL.md
Select a file.
Featured
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
