Design

design-intent-specialist

by joaquimscosta

Creates accurate frontend implementations from visual references while maintaining design consistency. Use when user provides Figma URLs, screenshots, design images, requests visual implementation from reference, or asks to build UI matching a design. Automatically checks existing design intent patterns before implementation.

frontend-design

by jdrhyne

Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.

frontend-design

by Ilm-Alan

Bespoke frontend engineering focused purely on aesthetic excellence. Invoke for web components, pages, dashboards, applications, or any UI requiring distinctive visual execution. Outputs functional code with intentional aesthetic direction and creative craft.

street-style-photographer

by fancyai-official

You are a street style photographer in the spirit of The Impression and Vogue street style coverage. Use when the user provides garment, outfit, or model images and wants candid fashion week street style photos, editorial street snaps, or city-based fashion photography concepts.

kidswear-photography-master-github

by fancyai-official

Professional kidswear photography generation system. Receives a white-background kidswear image, sequentially asks for model characteristics (gender/type/age group), recommends 6 matching scenes, and generates five 3:4 vertical commercial blockbuster shots using a 4-layer prompt structure. Use this skill when the user mentions "generate kidswear model images", "change kidswear background", "kidswear try-on effect", "kidswear commercial shots", or directly uploads a kidswear image requesting a model/scene generation.

appliance-skill

by fancyai-official

Analyzes small appliance product features and generates high-end commercial photography. Use when the user uploads a product image, describes a small appliance, wants to generate commercial photography, create e-commerce hero images, or brand posters. Trigger words: small appliances, product photography, commercial photo, generate image, e-commerce hero, product poster, headphones, hair dryer, air fryer, rice cooker, robot vacuum, smartwatch, neck fan, etc.

beauty-photography-master

by fancyai-official

Use this skill whenever the user uploads a perfume or beauty product photo and wants luxury advertising campaign images or short video ads. It covers product identification, creative direction, prompt construction, parallel campaign image generation, visual QA, curation, iteration, and optional video ad generation. Triggers on perfume ad photography, beauty campaign, fragrance creative direction, product shoot styling, bottle photography, cosmetic ad, luxury brand campaign, , , , , or any request to turn a product photo into a premium ad image or short ad video.

Design with an Icon

by fancyai-official

editorial-fashion-six

by fancyai-official

"Six fixed 3:4 editorial fashion storyboard images from the same SKU's multi-angle white-background product photos. Covers brand ID, layered non-flat scenes (reference-scenes), styling (reference-outfit), poses (reference-pose-vocabulary), optional web research, triple-choice, hero-image anchoring, HTTP nano-banana generation, and per-frame QC with targeted regeneration only; bright natural daylight; do not paste full prompts in chat. Use for six editorial, magazine, or mood shots, lookbook storyboards, or nano-banana synced generation for one garment. Triggers include requests for six frames, six editorial images, storyboard six, magazine-style, nano banana image gen. Do not use for eight-slot global PDP or marketplace detail-page matrices—use ecommerce-fashion-workflow instead."

Fashion Campaign Crew

by fancyai-official

beverage-photography-master-github

by fancyai-official

Beverage commercial photography expert. Given a product image, automatically analyzes product → selects aesthetic style → builds Prompts → batch generates 5 × 4K images (dynamic splash / macro close-up / lifestyle narrative / still life atmosphere / creative concept) → compresses and saves locally with real-time preview. Use when the user mentions "beverage shoot", "product photography", "commercial photography", "help me shoot", or uploads a beverage product image.

brand-guidelines

by MiniMax-AI

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

frontend-ui-integration

by julianromli

Implement or extend a user-facing workflow in a web application, integrating with existing backend APIs. Use when the feature is primarily a UI/UX change backed by existing APIs, affects only the web frontend, and requires following design system, routing, and testing conventions.

Frame

by simota

Figma MCP Serverを活用してデザインコンテキストを抽出・構造化し、実装エージェントに渡すブリッジエージェント。Figmaデザインからコードへの橋渡し、Code Connect管理、デザインシステムルール抽出が必要な時に使用。

claude-design-card

by geekjourneyx

将任意文本、网页或 URL 生成符合 Claude/Anthropic 设计语言的 HTML 信息卡片，通过 Playwright 截图为 PNG。 支持 14 种格式：平台封面（公众号、视频号、B站、抖音）、图文内容卡（小红书、教程、对比分析）、 社交分享卡（金句、数据、方形）、长文编辑排版（Broadsheet、Feature、Reader、Digest）。 当用户提到「信息卡、卡片、封面、图文笔记、排版、截图、生成图、内容卡」时使用本技能。

sc-frontend-design

by kylesnowschwartz

Create distinctive, production-grade frontend interfaces with high design quality. This skill SHOULD be used when the user asks to build web components, pages, artifacts, posters, or applications (examples: websites, landing pages, dashboards, React components, Astro components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

apply-mantel-styles

by sammcj

Provides guidelines for applying Mantel's brand styles to diagrams and frontend components. Use when asked to create visuals that need to align with Mantel's branding.

Frontend Design Skill

by gotar

Web Design Guidelines - MDN reference

gtk-ui-ux-engineer

by gotar

A GTK (GTK4/GTK3) UI/UX specialist that crafts beautiful, native-feeling desktop applications following GNOME Human Interface Guidelines. Use this skill when working with GTK widget composition, Libadwaita theming, CSS styling, accessible layouts, and modern GTK4 features like GtkListView, property bindings, and event controllers. Handles visual design decisions, layout composition, responsive designs, and theme-aware styling for Linux desktop applications.

nothing-design

by dominikmartn

This skill should be used when the user explicitly says "Nothing style", "Nothing design", "/nothing-design", or directly asks to use/apply the Nothing design system. NEVER trigger automatically for generic UI or design tasks.

product-design

by alekspetrov

Automates design review, token extraction, component mapping, and implementation planning. Reduces design handoff from 6-10 hours to 5 minutes via direct Figma MCP integration. Auto-invoke when user mentions design review, Figma mockup, or design handoff.

style-guide

by DaleSeo

문서 내부 또는 프로젝트 전체에서 일관된 작성 스타일을 유지하도록 돕는 검사기. 어조(경어체/반말), 용어(사용자/유저), 숫자 형식, 목록 스타일, 따옴표, 날짜/시간 형식의 불일치를 감지합니다. 다중 작성자 문서 검토 시, 프로젝트 전체 용어 표준 유지 시, 공식 문서 준비 시, 브랜드 일관성을 위한 문서 작업 시 사용하세요.

frontend-design

by LangConfig

"Expert guidance for creating production-grade, distinctive frontend interfaces. Use when designing UIs, choosing aesthetics, or building memorable web experiences."

vibefigma

by vibeflowing-inc

Convert Figma designs to production-ready React components with Tailwind CSS. Use when user provides a Figma URL, asks to convert Figma designs to React/code, wants to extract components from Figma, or mentions "vibefigma". Requires a Figma access token (via --token flag, FIGMA_TOKEN env var, or .env file).