Skip to content

$aisearch
$cd/explore
$cd/occupations
$ls/categories
$watchtrending
$bookcoaching
$mandocs

Frontend Backend ML / AI Data Science Prompt Engineer DevOps iOS Android Designer SQL SEO Marketing Finance Game Dev Image Gen Productivity

Prompt Engineer

> Need hands-on help? Book a 1-on-1 coaching session

$100/hr · pay-per-session →

The marketplace for AI skills. Discover, share, and install skills for Claude and beyond — made by creators, curated for builders.

Explore

All skills
Categories
Search
Featured

Build

Submit a skill
Create a skill
API
Blog

Company

About
Contact
FAQ
Changelog

Legal

Privacy
Terms
Cookies
Disclaimer
DMCA
Acceptable Use
Security
Accessibility

Popular searches

Claude Code skills
SKILL.md examples
RAG skills
AI agent skills
Prompt engineering
MCP server skills
Claude Sonnet skills
Claude vs ChatGPT
Cursor AI skills
Frontend Claude skills
Backend Claude skills
SQL Claude skills
DevOps AI skills
SEO content AI
iOS development AI
Android AI skills
Testing & QA skills
Data science skills
Image generation
Video editing AI

Browse by role

$ Frontend engineer
$ Backend engineer
$ Mobile / iOS / Android
$ Data engineer
$ DevOps / SRE
$ Designer
$ Product manager
$ Marketer / SEO
$ Prompt engineer

Browse by tool

$ Claude Code
$ Cursor
$ Windsurf
$ VS Code
$ Zed
$ Warp
$ Raycast
$ GitHub Copilot

© 2026 ClaudeSkill. All rights reserved.

Not affiliated with Anthropic. Claude is a trademark of Anthropic, PBC.

$pwd:

~
explore
Frontend
figma-to-code

// Paste a Figma link, get production-ready React + Tailwind components. Pixel-faithful.

Figma to CodeVerified Creator

git log --oneline --stat

HEAD

Stars: 6.7k
Forks: 260
Updated: May 7, 2026

repo --stat

stars
6.7k
forks
260
last update
May 7, 2026
license
MITv4.2.1

quickstart.sh

3 steps

1
Install
// Drops SKILL.md into ~/.claude/skills/
```
$ claude skills add figma-to-code
```

2

Invoke

// Run from any project directory

$ claude --skill figma-to-code "give my landing page a hero treatment"

3
Iterate
// Re-run with edits — Claude keeps the skill loaded
```
$ claude --skill figma-to-code "now refactor it"
```

figma-to-code/

references

references/
SKILL.mdopen
README.mdopen

SKILL.md

readonly

name:: Figma to Code
slug:: figma-to-code
version:: v4.2.1
license:: MIT
author:: @designcraft
repository:: github.com/designcraft/figma-to-code
categories:: Frontend Designer Figma
tags:: #figma#react#tailwind#design-to-code#components
description:: Paste a Figma link, get production-ready React + Tailwind components. Pixel-faithful.

features.md

3 capabilities

// What you can do with it

Automates the tedious parts of the workflow.
Gives Claude the right context, tools, and guardrails.
Produces consistent, reviewable output every time.

README.md

figma-to-code/README.md

5 sections

Loading README…

$ cat reviews/

Reviews

// No reviews yet. Be the first.

Loading review form…

$ ls related/

explore all →

flutter-cross-platform.md

@flutter-dev

Flutter Cross-Platform Builder · v3.22.0

Build iOS, Android, and web apps from one Flutter codebase with BLoC and Riverpod.

166k 29.8k BSD-3-Clause

iOS Developer#flutter#dart#bloc

2026-05-04cd ./flutter-cross-platform →

nextjs-app-router-pro.md

@vercel-labs

Next.js App Router Pro · v14.2.0

Full-stack Next.js 14 App Router: server components, actions, streaming, and ISR.

Frontend#nextjs#react#typescript

2026-05-03cd ./nextjs-app-router-pro →

typescript-strict-coder.md

@microsoft

TypeScript Strict Mode Expert · v5.5.0

Enforce strict TypeScript: generics, utility types, discriminated unions, and type guards.

101k 44.5k Apache-2.0

Frontend#typescript#strict-mode#generics

2026-04-25cd ./typescript-strict-coder →

package.json

"author":

@designcraft

"repository":

designcraft/figma-to-code

install --global

v1

$npx skills add figma-to-code

# Paste into your shell, or drop into skills.sh to track installs per project.

download --local

[HINT] Paste the command into your terminal, or drop the unzipped files into ~/.claude/skills/.

installs --last 30d

last 30 days

0

no data

on this page

Figma to Code
What it does
Install
How it works
Tips

need_help.md

Stuck?

Book a live 1-on-1 session — we can pair on this skill, or anything AI-related, in your own codebase.

Book a session — $100/hr