figma-catalogue

Domain navigator for Figma, design-to-code, design tokens, and official platform skill suites. Routes to the right skill for working between design tools and code, managing design systems, or using official platform skills (Anthropic, Vercel, Expo, Software Mansion, Callstack).

Ir a la instalación

Repositorio: podo/design-agent-skills
Última actividad en el origen: 22 de mayo de 2026 a las 15:07
Idioma detectado de SKILL.md: inglés
Estrellas: 7
Forks: 1

Opciones de instalación

De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Un comando directo omite el prompt de revisión. Revisa el origen antes de ejecutarlo.

npx skills add https://github.com/podo/design-agent-skills --skill figma-catalogue

El comando permanece en una sola línea. Desplázate horizontalmente para revisarlo antes de copiarlo.

¿Prefieres una copia local? Descarga los archivos que SkillsMP tiene disponibles ahora.

Revisa los archivos de origen

Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.

Explorador de archivos

2 archivos

SKILL.md

Instrucciones de origen · Vista previa de solo lectura

Volver a la búsqueda Volver a la instalación

content-catalogue

Domain navigator for presentations, diagrams, wireframes, data visualization, design review, product strategy, copywriting, UX writing, content design, and design research skills. Routes to the right skill for slides, charts, UX strategy, PM frameworks, email, microcopy, product copy, user research, and design sprints.

2026-08-31

design-catalogue

Catalogue navigator for design-agent-skills. Lists available design skill stubs, matches user intent to the right stub, and routes to install and invoke. Use when the user wants to browse or find the right design skill.

2026-08-31

design-with-claude

Deterministic design-system audit plus a full set of design specialists as slash commands. `npx dwic-audit` scans a project across 8 categories (color, typography, spacing, accessibility, forms, navigation, motion, copy) using WCAG contrast math and token parsing — no LLM, no token, nothing leaves the machine — then routes each finding to the specialist that fixes it. Specialists cover visual hierarchy, interaction design, design system architecture, typography, color, spacing, motion, forms, navigation, dashboards, mobile, landing pages, auth UX, healthcare UX, b2b SaaS, e-commerce, dark mode, error handling, onboarding, and data viz. No runtime dependencies, pure markdown.

2026-08-31

Ver todos los de este repositorio

name	figma-catalogue
description	Domain navigator for Figma, design-to-code, design tokens, and official platform skill suites. Routes to the right skill for working between design tools and code, managing design systems, or using official platform skills (Anthropic, Vercel, Expo, Software Mansion, Callstack).
triggers	["Figma skills","design to code skills","design system skills","design tokens skills","Stitch skills","official platform skills","platform suite skills"]

figma-catalogue

Domain navigator for Figma, design-to-code workflows, design tokens, and official platform suites. Activate when the user asks for a skill that bridges design tools and code.

→ For the full catalogue across all domains: use design-catalogue.

When to use

Activate when the user:

Asks about Figma-to-code or code-to-Figma workflows
Needs design token management or extraction
Wants to work with design systems
Asks about official skill suites (Anthropic, Vercel, Expo, Figma)

Figma & Design-to-Code

Skill	Best for
`figma-official-skills`	7 official Figma skills: implement, generate, library, code-connect
`openai-skills`	OpenAI's 9 skills: Figma + frontend + slides + imagegen
`google-stitch-skills`	6 Stitch skills: design-md, react-components, shadcn, loop
`extract-design-md`	Extract Stitch output into DESIGN.md format
`claude2figma`	4 skills enforcing token compliance: colors/fonts/spacing → Figma variables
`work-with-design-systems`	Inspect (WCAG audit) + Build (6-phase with variable bindings) dual-mode
`figma-variables-tokens-generator`	Questionnaire → W3C token ZIP + Figma plugin for import
`figma-skill`	Figma API + Community resources → design tokens → 7 frameworks
`extract-design-system`	Reverse-engineers tokens from any live website → tokens.json + tokens.css
`design-tokens-skill`	W3C DTCG token spec: OKLCH, references/aliasing, Terrazzo, Figma exports

Official Platform Suites

Skill	Best for
`anthropics-skills`	6 Anthropic skills: frontend-design, artifacts, canvas, theme, brand, pptx
`vercel-skills`	4 Vercel skills: web-design-guidelines, components, React best practices
`microsoft-skills`	2 Microsoft skills: design review, dark-theme React
`software-mansion-skills`	Official Software Mansion: RN animations, gestures, SVG, on-device AI
`callstack-agent-skills`	Official Callstack: RN best practices, profiling, Turbo Modules, upgrade
`expo-skills`	Official Expo: Expo SDK, EAS Build/Submit, Expo Router

figma-catalogue

Datos de origen

Opciones de instalación

Revisa los archivos de origen

Más de este repositorio

figma-catalogue

When to use

Figma & Design-to-Code

Official Platform Suites

Más de este repositorio

figma-catalogue

When to use

Figma & Design-to-Code

Official Platform Suites