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).

Aller à l'installation

Dépôt: podo/design-agent-skills
Dernière activité de la source: 22 mai 2026 à 15:07
Langue détectée de SKILL.md: anglais
Étoiles: 7
Forks: 1

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Une commande directe contourne le prompt de vérification. Examinez la source avant de l'exécuter.

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

La commande reste sur une seule ligne. Faites défiler horizontalement pour la vérifier avant de la copier.

Vous préférez une copie locale ? Téléchargez les fichiers actuellement disponibles dans SkillsMP.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Explorateur de fichiers

2 fichiers

SKILL.md

Instructions source · Aperçu en lecture seule

Retour à la recherche Retour à l’installation

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

Tout voir dans ce dépôt

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

Informations de source

Options d'installation

Vérifiez les fichiers source

Plus depuis ce dépôt

figma-catalogue

When to use

Figma & Design-to-Code

Official Platform Suites

Plus depuis ce dépôt

figma-catalogue

When to use

Figma & Design-to-Code

Official Platform Suites