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.
498 skills found
Convert Figma designs to project-consistent UI code using TemPad Dev MCP for precise markup, styling, and token integration.
Implement shadcn/ui components: installation, Vite/TanStack Router configuration, CLI command management, and Tailwind CSS integration.
Scaffold and implement authentication in TypeScript/JavaScript apps using Better Auth. Detects frameworks, configures database adapters, sets up route handlers, adds OAuth providers, and scaffolds UI pages.
Framework for automated n8n integration testing including API contract validation, authentication flows, rate limit handling, and error scenario coverage.
Mandatory execution-based validation for all software implementation tasks. Ensures code works through empirical verification before confirmation.
Discover and install agent skills to extend your DeerFlow capabilities. Use this to find tools, workflows, or specialized knowledge for tasks like coding, testing, and deployment.
Guidance for writing resilient Playwright tests with best practices for locators, assertions, and CI/agent integration.
Manage YNAB budgets, track spending, and automate financial reports via API. Features include transaction logging, goal monitoring, and automated budget analysis.
Guidance for Model Context Protocol (MCP) server development, including tool design, resource handling, and AI/ML integration patterns.
6-phase read-only Python analysis workflow that identifies design principle violations, code smells, and modernization opportunities based on specific project types (POC to Open Source).
VVM (Vibe Virtual Machine) is a language for agentic programs where the LLM acts as the runtime. Orchestrate multi-agent workflows, manage state, and build resilient AI pipelines.
CSS Modules styling strategy for component-level encapsulation using Lightning CSS or PostCSS, featuring TypeScript integration and Vite configuration.