figma-design-tokens
Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format files using the Figma MCP server
Find the perfect capability for your agent.
Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format files using the Figma MCP server
Initialize Next.js 16+ frontend projects with TypeScript, Tailwind CSS, Zustand state management, Axios HTTP client, Aceternity UI effects, and App Router. Use when setting up a new Next.js frontend or initializing the frontend directory for Phase 2.
Generate and refactor React + TypeScript components with Tailwind CSS for Medellin Spark. Use when building new UI components, creating dashboards, forms, cards, or wizards. Automatically includes accessibility, responsive design, and Vite-compatible code with optional tests.
Build Cloudflare Workers serverless applications with TypeScript. Supports Workers KV, Durable Objects, D1, R2, Hyperdrive, Queues, Vectorize, Workers AI, Browser Rendering, Workflows, and Agents. Use when working with Cloudflare Workers, edge computing, serverless functions, or any Cloudflare platform services.
AdonisJS Ace CLI expert for building TypeScript backend applications. Use when users need to scaffold, develop, build, or manage AdonisJS projects, run migrations, create models/controllers, or configure packages.
Use Astro's modern web development stack including TypeScript, Tailwind CSS, Content Collections, islands architecture, and performance-first deployment practices. Use this skill when selecting technologies, configuring integrations, choosing deployment platforms, or making architectural decisions about the tech stack. When working on Astro configuration and integrations setup, choosing between SSG/hybrid/SSR rendering modes, selecting UI frameworks for interactive islands (React, Vue, Svelte), configuring Tailwind CSS or styling solutions, setting up Content Collections for type-safe content, choosing deployment adapters (Vercel, Netlify, Cloudflare), configuring testing tools (Vitest, Playwright), implementing performance optimization strategies, or adding third-party integrations and plugins.
Auto-loaded context for Portfolio Buddy 2 development. Use for ANY task involving: React 19 development, TypeScript, portfolio analysis features, metrics calculations, trading strategy comparison, or working with the Portfolio Buddy 2 codebase. Contains tech stack, known issues, and architectural constraints.
Expert TypeScript developer for advanced type systems, full-stack type safety, and build optimization. Invoke for generics, type guards, utility types, tRPC, tsconfig. Keywords: TypeScript, generics, type safety, tRPC, tsconfig.
React + TypeScript + Vite frontend development specialist. Use when building UI components, pages, forms, API integration, state management, or styling with Tailwind CSS. Triggers on requests for component creation, form handling, data fetching, responsive design, or debugging React applications. Includes Supabase integration patterns.
Generate JSDoc configuration and documentation templates for JavaScript/TypeScript projects. Triggers on "create jsdoc config", "generate jsdoc template", "documentation setup", "jsdoc configuration".
Guide to the dev-team skills - specialist developer agents and 6-gate development cycle. Provides backend engineers (Go/TypeScript), frontend engineers, DevOps, SRE, and QA agents.
Master TypeScript's type system for bulletproof JavaScript applications. Expert in advanced types, generics, and type-safe patterns. Activate for TypeScript development, type system design, or JavaScript migration.
Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution), and RemixIcon (3100+ SVG icons in outlined/filled styles). Use when creating React applications, implementing server-side rendering, setting up monorepos with multiple packages, optimizing build performance and caching strategies, adding icon libraries, managing shared dependencies, or working with TypeScript full-stack projects.
Generate SolidJS components with TypeScript and reactive primitives. Triggers on "create solid component", "generate solidjs component", "solid component", "solidjs file".
Use this skill when building React components. Provides patterns for component structure, props, state management, custom hooks, and TypeScript integration.
Scaffolds React/Next.js components with TypeScript, CSS modules, tests, and Storybook stories. Use when the user asks to create a React component, generate component boilerplate, or mentions component architecture.
This skill should be used when the user asks "Chart.js plugins", "custom Chart.js plugin", "Chart.js plugin hooks", "beforeDraw plugin", "afterDraw plugin", "Chart.js plugin API", "register Chart.js plugin", "Chart.js plugin options", "Chart.js plugin lifecycle", "Chart.js plugin TypeScript", or needs help creating custom plugins for Chart.js v4.5.1.
Build TypeScript MCP servers with composable code snippets from the official Everything reference server. Use the add script to selectively copy tool, resource, or prompt modules. Use when creating MCP servers.