查詢中

搜尋技能

為您的 Agent 尋找最完美的能力。

結果數
5,123
符合搜尋條件的技能
當前頁
207
共 257 頁
關鍵詞
mcp
按名稱、標籤或描述搜尋
design
0

frontend-design-figma-extraction

Complete Figma design extraction for pixel-perfect implementation. Extracts design tokens, component specs, layouts, and responsive behavior systematically. Use when user provides Figma design: - Figma URL or file link provided - User mentions "Figma", "design file", "mockup", or "design system" - During /create-plan phase when design needs extraction - User says "extract from Figma" or references Figma link Extract systematically: - Design tokens: ALL colors (hex + usage), typography (sizes, weights, line heights), spacing scale, border radius, shadows, opacity values - Components: ALL states (default, hover, active, focus, disabled, loading, error), ALL variants (size/style/intent), exact dimensions, spacing, visual properties - Layouts: page structure, grid systems (columns, gutters), component hierarchy - Responsive: mobile/tablet/desktop differences explicitly documented - Assets: icons (names, sizes), images (dimensions, alt text), illustrations Keywords: Figma, design file, mockup, extract, MCP,

phananhtuan09
phananhtuan09
content-media
open
design
0

figma-to-html

Figma 디자인을 정적 HTML/CSS로 변환합니다. Figma 링크나 node-id가 제공되면 MCP를 통해 디자인 정보를 가져와 정확한 코드를 생성합니다. Use when converting Figma designs to HTML/CSS, or when user mentions Figma links, design conversion, or static HTML implementation.

JSKIM-90
JSKIM-90
content-media
open
productivity-tools
0

figma-mcp-layout-builder

Pull frames/components via Figma MCP, normalize messy or non-autolayout designs, and generate faithful HTML/CSS (or Shopify Liquid) layouts with inferred spacing and responsiveness.

nhantran889
nhantran889
tools
open
full-stack
0

create-frontend-ui

Build distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, dashboards, React components, HTML/CSS layouts, or styling/beautifying any web UI. Avoids generic AI aesthetics. Uses shadcn UI MCP for components.

caioniehues
caioniehues
development
open
design
0

working-with-figma

FigmaデザインをMCPツールで取得し、既存コードベースへ正確に実装します。デザイン情報の取得から実装までを一貫して支援します。Figmaデザインとの作業が必要なときに使用してください。

sekka
sekka
content-media
open
llm-ai
0

nanobanana-prompt

This skill should be used when the user asks to "generate image", "create image with nanobanana", "write image prompt", "make icon/pattern/sticker", or "image generation". Crafts effective prompts for nanobanana MCP with Gemini Imagen.

jongwony
jongwony
data-ai
open
productivity-tools
0

mcp-figma

Figma integration for design specs. Use when getting colors, typography, spacing from Figma, exporting component specs, syncing design tokens, implementing UI from Figma design.

nguyennamkkb
nguyennamkkb
tools
open
design
0

aico-frontend-style-extraction

Extract design tokens (colors, typography, spacing, effects) from reference website or screenshot to create project design system. UNIQUE VALUE: Creates standardized design-system.md file with all design tokens extracted systematically. Use this skill when: - User shares reference website URL and wants to extract its style - User provides screenshot or image and asks to "extract design", "extract style" - Running /frontend.init and need to create design system from reference - User asks to "create design system", "extract colors", "extract typography" - Need to establish consistent design tokens before starting frontend work Methods: URL (via Playwright MCP screenshot) or direct screenshot analysis Output: ALWAYS write to docs/reference/frontend/design-system.md

yellinzero
yellinzero
content-media
open
gaming
0

pixellab-create-character

Create pixel art characters using PixelLab MCP with guided prompts for style consistency. Asks for description, size, art style, and validates against the project's existing art direction. Use this when the user wants to create a new character sprite for the game.

cautiouskurns
cautiouskurns
development
open
productivity-tools
0

implement-design

Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", "generate code", "implement component", "build Figma design", provides Figma URLs, or asks to build components matching Figma specs. Requires Figma MCP server connection.

lilpacy
lilpacy
tools
open
productivity-tools
0

ui-expert

Professional frontend design system integrating Figma MCP, UI tools, and advanced design workflows for production-ready interfaces.

ljchg12-hue
ljchg12-hue
tools
open
design
0

figma-to-html

Figma 디자인을 정적 HTML/CSS로 변환합니다. Figma 링크나 node-id가 제공되면 MCP를 통해 디자인 정보를 가져와 정확한 코드를 생성합니다. Use when converting Figma designs to HTML/CSS, or when user mentions Figma links, design conversion, or static HTML implementation.

JSKIM-90
JSKIM-90
content-media
open
design
0

do-library-mermaid

Claude Code용 엔터프라이즈 Mermaid 다이어그래밍 스킬. MCP Playwright 통합을 통해 아키텍처 다이어그램, 플로우차트, 시퀀스 다이어그램, 시각적 문서를 생성함.

yejune
yejune
content-media
open
academic
0

web-research-documenter

This skill should be used when users request research on any topic that requires web search, source analysis, and structured documentation saved to a file. It provides a systematic workflow for gathering information from multiple web sources, synthesizing findings into a comprehensive document, and saving results to a user-specified file path. This is a general-purpose research skill that works across all domains and languages.

windowh1
windowh1
research
open
productivity-tools
0

documentation-router

Routes documentation and explanation tasks. Triggers on document, explain, readme, api-docs, changelog, guide, comment, describe, write-docs.

Zpankz
Zpankz
tools
open
productivity-tools
0

docx

Create, edit, and analyze Word documents with tracked changes and comments support

Lordsisodia
Lordsisodia
tools
open
productivity-tools
0

docx

Create, edit, and analyze Word documents with tracked changes and comments support

Lordsisodia
Lordsisodia
tools
open
documents
0

pdf

Extract text, tables, metadata from PDFs with merge and annotation support

Lordsisodia
Lordsisodia
content-media
open
documents
0

redmine-mcp-server-description-skill

034.redmine-mcp-serverのファイルの内容を参照する際に、背景知識となるドキュメントを読み込みます

kohei39san
kohei39san
content-media
open
productivity-tools
0

microsoft-word

Enables Claude to create, edit, and format documents in Microsoft Word Online via Playwright MCP

Andrejones92
Andrejones92
tools
open
上一頁
第 207 頁 / 共 257 頁
下一頁