por Juanjo LunaTokens de diseño para PlanetScale
Te ayuda a aplicar el sistema visual de PlanetScale cuando estás diseñando una interfaz y quieres seguir sus tokens de estilo.
Descripción original (inglés)
designlang-tokens: Use when styling UI for planetscale.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta designlang en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/Manavarya09/design-extract.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/website/public/gallery/planetscale-com/.claude/skills/designlang" ~/.claude/skills/designlang
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de Manavarya09/design-extract
- Tokens de diseño para Cal.com designlang-tokens
- Tokens de diseño para Clerk designlang-tokens
- Tokens de diseño para Coinbase designlang-tokens
- Tokens de diseño para Discord designlang-tokens
- Tokens de diseño para Duolingo designlang-tokens
- Tokens de diseño para Framer designlang-tokens
- Tokens de diseño para Loom designlang-tokens
- Tokens de diseño para Mintlify designlang-tokens
Explicación redactada con ayuda de IA a partir de la descripción original.