Figmaデザインをノード情報を活用してレビューし、該当箇所に個別コメントを投稿する。Use when (1) ユーザーがFigmaデザインのレビューを依頼した時 (2) 実装者目線、エンジニア視点でのフィードバックが必要な時 (3)…
Figma file URL을 입력받아 디자인 토큰·메타·스크린샷을 Figma MCP로 fetch하고 CLAUDE-DESIGN-PROMPTS.md + ANALYSIS-REPORT.md를 갱신하여 claude.ai/design 결과물 정합도를 향상시킨다.
Generate Figma mockups from wrangler specifications with hierarchical file structure and approval tracking
Extract design data from Figma files using REST API scripts. Includes frame extraction, metadata retrieval, screenshots, design token extraction, annotations, and FigJam content…
Exports assets from Figma files using the Figma REST API v1. Extracts component sets, design tokens (colors, typography, spacing), and renders frames as SVG/PNG.
Extract design specifications and tokens from Figma files via MCP. Use when pulling design from Figma, extracting colors/typography, or converting Figma to spec.
Get full details for specific Figma node by ID with selective field projection. 按 ID 取節點詳情，支持字段投影。 Use when: inspecting specific node, getting CSS properties for node, retrieving…
Use when searching for components, variables, or styles in a Figma design system using search_design_system — especially when the user asks about a design element by natural…
List all styles in Figma file including colors, typography, effects, and grids. 列出 Figma 文件所有樣式：顏色、排版、效果、柵格。 Use when: auditing design styles, exporting color palette, reviewing…
Figma visual intent extractor — MCP server knowledge for 4 Figma tools. Generates REFERENCE CODE (~50-60% match) used as search input for library MCP matching in the design-sync…
Write design decisions from DESIGN-CONTEXT.md back into the active Figma file. Three modes: annotate (layer comments), tokenize (variable bindings), mappings (Code Connect).
Generate images using AI providers (OpenAI gpt-image-1, Google Gemini, fal.ai). Use when the user asks to create, generate, or make an image, picture, illustration, photo,…
Phase 3 — define the Flutter design_tokens.dart spec (palette, typography, spacing), the game's art/visual concept, and the asset/audio sourcing plan.
Provides domain knowledge and guidance for Flare Smart Accounts—account abstraction that allows XRPL users to interact with Flare without owning FLR.
Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces. — from bergside/awesome-design-skills
Web and App implementation guide for Flat Design 2.0 (Semi-Flat). Trigger when the user wants flat design with subtle shadows and improved usability.
Run the complete fleet hygiene / audit sweep in one command. Use for repo litter, hook wiring, hardening scans, Kart sandbox audit closure, MCP inventory, SAFE path checks,…
Design typography systems that adapt to user needs — scaling, spacing, and font preferences. Use when designing type systems, setting font sizes, defining line heights, or…
Use when the user wants to visualize data — from 'which chart should I use?' to 'render this'. Helps pick the right chart from the analytical question (comparison / trend /…
Provides reference documentation and examples for all of the available Flowbite TailwindCSS HTML UI Components plus the related Typography and Forms plugins.
Create HTML flowcharts and process diagrams with decision trees, color-coded stages, arrows, and swimlanes.
Geleaste Flugzeuge unterliegen Sicherheitsauflagen die Leasinggeber oder Leasingnehmer betreffen. Prüft EASA Part-OPS LuftSiG § 9 Airline-Sicherheitsprogramm Cape-Town-Abgrenzung…
全栈设计规划与文档管理。分级门控体系下，管理项目的 DESIGN.md 和 DESIGN-CHANGELOG。涵盖竞品调研、美学方向探索、配色/字体/风格搜索、三层Token架构、Image 2…
设计实现：将 DESIGN.md 转化为代码。反AI模板编码、shadcn/ui组件推荐、Token驱动样式、CSS优先修改、原子提交。读取 Image 2/Figma 视觉稿作观感参考，最终以真实截图和 CSS 断言验证。从 forge-design 接力，或 forge-eng…
Premium expensive UI register. Warm neutrals, refined typography (Söhne / Inter Display / GT America), generous spacing, considered shadows, spring motion.
Translate a design brief — structured I-Lang or plain English — into a concrete DESIGN.md and optional HTML token preview.
Compare design tokens in code against foundation docs and optionally Figma variables to detect drift (tokens added without documentation, documented tokens not in code, value…
AOSP Part VI — Framework Core. Use when reasoning about system_server's boot sequence (the four boot phases, service registration, Watchdog), the Intent system (Intent ma — from…
Wirtschaftsprüfer: fraud red flags - Kaltstart mit Faktenmatrix, Risikoampel und fehlenden Unterlagen; mit Live-Normencheck, Kammerlogik, Verhältnismäßigkeit, Belegplan und…
Prüft Freedom-to-Operate und Schutzbereich: Zielprodukt, Territory, Registerstand, Anspruchsmerkmale, wortsinngemäße Verwirklichung, Äquivalenz, Design-around und Risikomemo.
Anwälte: fremdgeld und anderkonto - Kaltstart mit Faktenmatrix, Risikoampel und fehlenden Unterlagen; mit Live-Normencheck, Kammerlogik, Verhältnismäßigkeit, Belegplan und…
Patentanwälte: fristenkontrolle epo dpma - Kaltstart mit Faktenmatrix, Risikoampel und fehlenden Unterlagen; mit Live-Normencheck, Kammerlogik, Verhältnismäßigkeit, Belegplan und…
AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code.
Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
Create distinctive, production-grade frontend interfaces with exceptional design quality. Use when building web components, pages, or applications that need creative, polished…
Create distinctive, production-grade frontend interfaces with intentional aesthetics, high craft, and non-generic visual identity.
Creates unique, production-grade frontend interfaces with exceptional design quality. Use when user asks to build web components, pages, materials, posters, or applications (e.g.,…
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Use when building, redesigning, or extending web-app frontends that must look production-ready, visually distinctive, and systemically designed instead of like generic…
前端设计免费版,面向个人开发者的生产级前端界面设计工具。核心能力: - 创建独特、生产级的前端界面,避免通用AI审美 - 支持组件、页面、应用等多种设计粒度 - 提供设计思维引导(目的、调性、约束、差异化) - 覆盖字体、配色、动效、空间构图等美学维度
前端设计专业版,面向企业团队与专业设计师的高级前端界面设计工具。核心能力: - 完整设计系统生成(Design Tokens、主题、规范文档) - 组件库批量设计与产出,支持 Storybook 集成 - 响应式多端适配(桌面/平板/移动/暗色模式) - 设计Token管理与团队协作 - 可访问性(a11y)合规检查与修复 - 性能优化建 — from…
前端设计专业版,面向企业团队与专业设计师的高级前端界面设计工具。核心能力: - 完整设计系统生成(Design Tokens、主题、规范文档) - 组件库批量设计与产出,支持 Storybook 集成 - 响应式多端适配(桌面/平板/移动/暗色模式) - 设计Token管理与团队协作 - 可访问性(a11y)合规检查与修复 - 性能优化建 — from…
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces.
Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates.
Fix generic frontend designs by applying aesthetic upgrades across the 5 design dimensions
Fix generic HTML/CSS designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
Fix generic React component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
Fix generic Vue component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
Practical frontend design guidance for landing pages, dashboards, and UI implementation work.
Apply tasteful frontend defaults to a Sui dapp (layout, spacing, typography). Use when the user wants frontend defaults or a UI review.
Create distinctive, production-grade HTML/CSS frontends with exceptional design quality
Create distinctive, production-grade frontend interfaces with high design quality. Avoids generic AI aesthetics in favor of bold, memorable designs.
Создает один самодостаточный Master Prompt на русском для реализации production-ready фронтенд-дизайна (на базе официальных гайдлайнов GPT-5.4).
使用 React、Tailwind CSS 和 shadcn/ui 创建独特、生产级的静态网站——无需设计稿。从纯文本需求生成大胆、令人难忘的设计，具备反AI套路美学、移动优先响应式模式和单文件打包功能。适用于构建落地页、营销网站、作品集、仪表盘或任何静态Web界面。支持 Vite（纯静态）和 Next.js（Vercel部署）两种工作流。
Image sourcing strategy for UI projects. Use FREE resources first - DiceBear/Boring Avatars for avatars, Unsplash/Picsum for photos, unDraw/Storyset for illustrations, Haikei for…
Diagnose and fix frontend controls whose typography or dimensions ignore component CSS, and React Three Fiber/Drei projected HTML labels that paint above opaque drawers, dialogs,…
Decorative JSON animations for UI feedback and polish. Use for loading spinners, success/error checkmarks, empty state illustrations, animated icons.
Search and map visual frontend references from Dribbble, Mobbin, Pinterest, and curated galleries (Awwwards, Godly, Land-book, siteinspire) into a structured reference board…
Design token management — color, typography, spacing, motion, and interaction tokens. Use with /frontend-tokens to create, update, or manage design tokens.