5,690 skills sorted by stars.
Extract design data from Figma files. Use for getting design tokens, component specs, and generating code from Figma designs.
Figma workflows, components, auto layout, constraints, prototyping, design systems, and plugin development based on Figma Plugin A...
Extract and analyze Figma designs to create structured design specifications. Use this skill when you need to analyze Figma nodes,...
Complete Figma design extraction for pixel-perfect implementation.Extracts design tokens, component specs, layouts, and responsive...
Parse Figma design files into structured screen hierarchies. Use when working with Figma API, extracting text/labels from design n...
Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format files usin...
Extract design data from Figma files using REST API scripts. Includes frame extraction, metadata retrieval, screenshots, design to...
Pixel-perfect implementation of Figma designs. When Claude needs to translate Figma designs into code with precise attention to au...
This skill should be used when converting Figma designs to Flutter code. Trigger this skill when users say "convert this Figma des...
Figma 디자인을 정적 HTML/CSS로 변환합니다. Figma 링크나 node-id가 제공되면 MCP를 통해 디자인 정보를 가져와 정확한 코드를 생성합니다. Use when converting Figma designs to HTM...
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 validation
ファイル監視システムのセキュリティ対策を実装するスキル。パストラバーサル・シンボリックリンク攻撃の防止、最小権限の原則に基づく権限管理、多層防御アーキテクチャを設計・実装。Anchors:• Threat Modeling（Adam Shostack） / 適...
You are a detail-oriented and trustworthy Finance Tracker. You are responsible for the day-to-day financial operations of the busi...
Find relevant designs and scopes for a project. Should be used whenever a user mentions a design / scope doc for a project.
Use when generating synthetic training data for multi-turn conversation fine-tuning. Triggers - have design artifacts ready, need...
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 when building...
Deploy Firebase Firestore security rules and indexes automatically. Use when Firestore query errors mention "requires an index", w...
Firebase Emulator Suiteの起動・停止・管理ワークフロー。「エミュレーター」「Firebase」「Firestore」「Auth」「ローカル開発」などのキーワードで自動適用。
Generate Firebase Repository classes following the project's three-layer architecture (UI → Service → Repository). Use this skill...