figma-design-to-code
Convert Figma designs to project-consistent UI code using TemPad Dev MCP for precise markup, styling, and token integration.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
445 skills found
Convert Figma designs to project-consistent UI code using TemPad Dev MCP for precise markup, styling, and token integration.
Retrieve real-time library documentation, code examples, and technical guidance using the Context7 API for frameworks like React, FastAPI, and Next.js.
Cloudflare Pages skill for deploying JAMstack applications, managing serverless functions, and configuring Git-based CI/CD workflows.
Transforms feature requests, bug reports, and improvement ideas into structured, actionable markdown project plans using repository research and industry best practices.
Manage type-safe Laravel backend routing within Inertia.js React frontend components using the Wayfinder library.
Transform passive learning content like transcripts and tutorials into actionable Ship-Learn-Next cycles with concrete implementation plans and progress-oriented quests.
World-class senior data engineering skill for building scalable data pipelines, ETL/ELT systems, and modern data infrastructure using Python, Spark, dbt, and Kafka.
Create structured specifications for platform changes including GitHub issues, SDD templates, and automated type inference for infrastructure and security.
Generate professional Product Requirements Documents (PRD) and structure features for autonomous development cycles.
Automates the documentation of solved technical issues using YAML frontmatter, categorized directories, and institutional knowledge indexing for JUCE plugin development.
A CLI tool that automates the discovery and symlinking of agent skills distributed via npm packages, simplifying integration for AI-powered coding agents.
Implements UI components from Figma/mockups with pixel-perfect accuracy, intelligent design validation, and adaptive agent switching.