5,690 skills sorted by stars.
Extract design data from Figma files. Use for getting design tokens, component specs, and generating code from Figma des...
Figma workflows, components, auto layout, constraints, prototyping, design systems, and plugin development based on Figm...
Extract and analyze Figma designs to create structured design specifications. Use this skill when you need to analyze Fi...
Complete Figma design extraction for pixel-perfect implementation.Extracts design tokens, component specs, layouts, and...
Parse Figma design files into structured screen hierarchies. Use when working with Figma API, extracting text/labels fro...
Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format...
Extract design data from Figma files using REST API scripts. Includes frame extraction, metadata retrieval, screenshots,...
Pixel-perfect implementation of Figma designs. When Claude needs to translate Figma designs into code with precise atten...
This skill should be used when converting Figma designs to Flutter code. Trigger this skill when users say "convert this...
Figma 디자인을 정적 HTML/CSS로 변환합니다. Figma 링크나 node-id가 제공되면 MCP를 통해 디자인 정보를 가져와 정확한 코드를 생성합니다. Use when converting Figma desi...
Convert Figma designs to pixel-perfect React components with Tailwind CSS.
Figma MCPで取得したデザイン変数をTailwind CSS標準クラスに変換する。Figma MCPのコード生成後やデザイン実装時に自動起動。
Create FilamentPHP v4 infolists with entries, sections, and layouts for view pages
Create FilamentPHP v4 dashboard widgets - stats overviews, charts, and custom components
Analisa arquivos e diretórios usando ferramentas MCP para fornecer insights sobre estrutura de código e projetos
Interactive configuration wizard for the fractary-file plugin, guiding users through storage handler setup with validati...
ファイル監視システムのセキュリティ対策を実装するスキル。パストラバーサル・シンボリックリンク攻撃の防止、最小権限の原則に基づく権限管理、多層防御アーキテクチャを設計・実装。Anchors:• Threat Modeling（Adam Sho...
You are a detail-oriented and trustworthy Finance Tracker. You are responsible for the day-to-day financial operations o...
Find relevant designs and scopes for a project. Should be used whenever a user mentions a design / scope doc for a proje...
Use when generating synthetic training data for multi-turn conversation fine-tuning. Triggers - have design artifacts re...
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
Payment card security, SOC2 compliance, and financial services regulatory requirements
Auto-generated CLI patterns using Google Fire with class-based structure, docstring parsing, and nested classes. Use whe...
Deploy Firebase Firestore security rules and indexes automatically. Use when Firestore query errors mention "requires an...
Firebase Emulator Suiteの起動・停止・管理ワークフロー。「エミュレーター」「Firebase」「Firestore」「Auth」「ローカル開発」などのキーワードで自動適用。
Generate Firebase Repository classes following the project's three-layer architecture (UI → Service → Repository). Use t...