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 para a instalação

Repositório: podo/design-agent-skills
Última atividade na origem: 22 de maio de 2026 às 15:07
Idioma detectado do SKILL.md: inglês
Estrelas: 7
Forks: 1

Opções de instalação

Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.

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

O comando permanece em uma só linha. Role horizontalmente para revisá-lo antes de copiar.

Prefere uma cópia local? Baixe os arquivos disponíveis atualmente no SkillsMP.

Revise os arquivos de origem

Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.

Explorador de arquivos

2 arquivos

SKILL.md

Instruções da origem · Visualização somente leitura

Voltar à pesquisa Voltar à instalação

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 todas deste repositório

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

Informações da origem

Opções de instalação

Revise os arquivos de origem

Mais deste repositório

Mais deste repositório

figma-catalogue

When to use

Figma & Design-to-Code

Official Platform Suites

figma-catalogue

When to use

Figma & Design-to-Code

Official Platform Suites