figma
Leverage the Figma MCP server to fetch design data, extract assets, and transform Figma nodes into production-ready React and Tailwind code with design system alignment.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
144 skills found
Leverage the Figma MCP server to fetch design data, extract assets, and transform Figma nodes into production-ready React and Tailwind code with design system alignment.
Automate frontend component testing, user interaction simulation, API mocking, and setup of Vitest, React Testing Library, and Vue Test Utils.
A template skill for creating project-specific AI agent guidelines, defining architecture, file structures, and code patterns for deterministic development.
Upgrade Next.js projects to the latest version using official migration guides and automated codemods.
Expert development guide for the Jean Claude orchestration framework. Use for source code changes, architecture, testing, and debugging.
Automated code quality validation tool for pre-commit and pre-deploy checks, covering TypeScript, builds, and linting.
An autonomous UI implementation agent that converts Figma designs into pixel-perfect code using Figma MCP and browser-based refinement.
A comprehensive configuration suite for Claude Code, featuring production-grade agents, skills, hooks, and automated workflows optimized for high-intensity development.
Build interactive, hypermedia-driven web applications using Rust, Axum, and HTMX for dynamic, real-time UI updates without complex JavaScript frameworks.
Diagnoses and resolves common Flutter runtime and layout errors such as RenderFlex overflow, unbounded constraints, and state management issues.
Expert guidance and configuration standards for creating specialized OpenCode AI agents, including YAML frontmatter, tool permissions, and operational modes.
Implements UI components from Figma/mockups with pixel-perfect accuracy, intelligent design validation, and adaptive agent switching.