End-to-end design workflow — brainstorm ideas into structured implementation plans with optional launch
Create WordPress block patterns from Figma designs or screenshots using the design-specialist agent. Auto-activates when user provides a Figma URL or design mockup and asks to…
Define and organize design tokens (color, spacing, typography, elevation) with naming conventions and usage guidance.
Align design artifacts with code tokens and component APIs so spacing, color, type, and states stay consistent through implementation.
デザイントークンを使わずに直書きされた色・余白・フォントサイズ・角丸・シャドウを検出する。Figma Variables / Tailwind config / CSS custom properties のルールに違反する実装を指摘する。
Unified design token automation for Northcote Curio. Build, validate, and sync design tokens across CSS, Tailwind, and theme systems.
Overview of design-token MCP server tools for design system token management - generate, export (CSS/Tailwind/Style Dictionary/SCSS/JSON), validate, diff, merge theme layers, and…
Quick reference for design-token MCP — tokens_generate, tokens_export, tokens_validate, tokens_diff, tokens_merge, tailwind_generate.
Architects a framework-agnostic design-token system with primitive/semantic/component tiers, theming and multi-brand/dark-mode alias contracts, and multi-platform export (CSS…
Transform design tokens across multiple formats and platforms. Parse W3C design token format, transform to CSS/SCSS/JS/iOS/Android, handle token aliases and references, and…
Ensures CSS and components only use approved design tokens. Use when the user asks about design system enforcement, hardcoded colors, spacing values, or wants to validate token…
Architects token systems with primitive, semantic, and component layers. Use when structuring tokens from scratch, adding multi-theme support, setting up token aliasing, or…
Audit and sync design tokens between the source of truth (tokens.json, Figma variables export) and the code that should consume them (Tailwind config, CSS custom properties, theme…
[Design System] Validate that code and styles use official design tokens instead of hard-coded values.
Reduce visual intensity without losing design quality. Softens aggressive colors, calms excessive animations, balances overwhelming layouts, and restores visual breathing room.
设计偏好工具箱专业版，面向团队与企业的视觉偏好管理平台。核心能力： - 覆盖 UI、图形、视频、印刷、3D 五大媒介的偏好管理 - 多用户团队偏好档案与角色权限控制 - 品牌系统一致性校验与自动修正 - 跨媒介偏好同步与冲突消解 - 偏好导入导出与团队共享机制 - 批量设计任务的偏好自动注入
Design a GxP training programme covering training needs analysis by role, curriculum design (regulatory awareness, system-specific, data integrity), competency assessment…
Apply 2026's top graphic design trends to any creative brief. Based on Kittl × Savee's 2026 Design Trends Report (10 trends + 2 honorable mentions), backed by Adobe, Figma, and…
캐러셀 이미지의 디자인 파라미터를 조정한다. 폰트 크기, 줄간격, 여백, 색상, 표지 레이아웃 비율 등 backend/config.py의 값을 변경하고 실제 생성 결과를 확인한다. "폰트 크게", "여백 줄여", "배경색 바꿔", "줄간격", "표지 이미지 비율", "디자인 수정", "색상", "config 바꿔" 등의…
Professional typography rules for UI design and web applications. Enforces typographic correctness (proper quotes, dashes, spacing, hierarchy, layout).
Setzt einen mit Claude Designs erstellten und im Repo unter Designs/ gespeicherten Design-Entwurf 1:1 exakt in Jetpack Compose um — Farben, Abstaende, Schriftgroessen,…
Designrecht und Markenrecht bei Form, Position, Muster und Produktauftritt abgrenzen: kurzfristiger Designschutz, dauerhafte Marke, Verkehrsdurchsetzung und Schutzhindernisse im…
Schnittstelle Designrecht und Urheberrecht bei angewandter Kunst prüfen: Designschutz, Werkqualität, Doppelschutz, Schutzdauer und prozessuale Vorteile im Designrecht…
Update specific design document with new content or metadata. Use when modifying design docs, updating status/completeness, or syncing after code changes.
Use when task matches design-usability-rules design guidance for IA, usability, responsiveness, systems, motion, and visual QA.
Convert user stories into UX/UI flows — step-by-step paths through the interface.
Designrecht und UWG-Nachahmungsschutz verbinden: wettbewerbliche Eigenart, vermeidbare Herkunftstäuschung, Rufausbeutung, Schutzlücken nach Ablauf oder fehlender Anmeldung im…
Validate design doc structure and frontmatter. Use when checking design docs for compliance, ensuring proper formatting, or verifying metadata before commits.
Cross-check design artifacts for consistency and completeness. Use before implementation.
Produce 3+ substantively distinct hi-fi design variations — basic to bold, one file with tweak controls — when the user asks for options, alternatives, or \"show me a few takes\".
Prüft Rechnungslegung und Verletzergewinn bei Verletzung eines deutschen eingetragenen Designs anhand von Artikeln, Retouren, Kostenbelegen und Gewinnzurechnung.
Transform design inspiration into implemented code through deep analysis, interactive vision discovery, planning, and checkpoint-based execution.
Use when designing a systematic water conservation program for an organization, facility, or household to reduce water consumption, achieve compliance, or earn sustainability…
Expert creative specialist focused on adding personality, delight, and playful elements to brand experiences.
Multi-agent design collaboration — Claude Code (reviewer) and Codex (designer) iterate on a design doc via file-based chat.
Turn accepted design material into AgentSpec source snapshots, requirements, and traceability without bypassing source governance.
Design a custom major, concentration, or interdisciplinary path and build the approval packet that gets humans to say yes. For students who know the official menu is too small.
Convert UI designs into structured JSONC spec packages before code is written, especially for constrained platforms like extensions, dashboards, desktop shells, and mobile apps.
Create and manage design systems with tokens, color palettes, typography scales, and spacing systems.
Use when styling UI for posthog.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Für Allgemein: routet Rolle, Frist, Unterlagen und Fachschritt; Ergebnis: Prüfprodukt mit Risiko und nächstem Schritt. Fachgebiet: designrecht-geschmacksmusterrecht.
Designrechtliche Freedom-to-Operate-Prüfung: Wettbewerberdesigns, Produktlaunch, Ähnlichkeitsrisiko, Registerstand, Design-around und Markteintritt im Designrecht…
詳細設計書作成エージェント。クラス設計、シーケンス図、DB設計、API設計の詳細を定義。キーワード: 詳細設計, detailed design, クラス図, class diagram, シーケンス図, sequence diagram, DB設計. — from general/design-creative
Für Deutsche Rechtsgeschichte - Allgemeiner Einstieg: routet Rolle, Frist, Unterlagen und Fachschritt; Ergebnis: Prüfprodukt mit Risiko und nächstem Schritt.
Conseille le pattern de conception adapté à un problème donné. Se déclenche avec "design pattern", "quel pattern", "singleton", "factory", "observer", "strategy", "SOLID" — from…
Guide de création de pixel art pour jeux et interfaces rétro. Se déclenche avec "pixel art", "sprite", "tileset", "pixel", "retro art", "8-bit", "16-bit", "Aseprite", "ga — from…
Conception responsive et mobile-first pour tout type de site ou app web. Se déclenche avec "responsive", "mobile first", "media queries", "breakpoints", "adaptatif", "mob — from…
Use when reading, creating, and editing Lightdash dashboards and charts as JSON, including dashboard layout and chart-type-specific configuration.
Prove UI behavior via the browser-proof ladder — browser-harness → Chrome DevTools MCP → `/run`+`/verify` → project E2E → manual — recording routes, viewports, screenshots,…
Reinhart-Koselleck-Projekt prüfen und entwerfen: 500.000 Euro bis 1.250.000 Euro, 5 Jahre, Stufen von 250.000 Euro, außergewöhnliches Profil, positives Risiko, Vertrauens — from…
Reinhart-Koselleck-Projekt prüfen und entwerfen: 500.000 Euro bis 1.250.000 Euro, 5 Jahre, Stufen von 250.000 Euro, außergewöhnliches Profil, positives Risiko, Vertrauens — from…
Use when user provides a 口播稿 (spoken script) and wants it converted into an HTML slide presentation with hand-drawn SVG illustrations for screen recording.
Notare: dienstaufsicht beschwerde - Kaltstart mit Faktenmatrix, Risikoampel und fehlenden Unterlagen; mit Live-Normencheck, Kammerlogik, Verhältnismäßigkeit, Belegplan und…
当用户搜索 Dify、Dify视频工作流、OiiOii替代、AI-HIVE MCP、开源Agent平台、OiiOii同类平台、AI视频Agent、创意Agent平台、AI-HIVE MCP 时使用。为 Dify 做中立的MCP 组合接入评估：保留原 Agent 平台作为编排宿主，把 AI-HIVE…
Six-step workflow for designing a new display or iterating on an existing one — scope, sketch, wire data, test under update pressure, register, clean up.
Notare: disziplinarverfahren notar - Kaltstart mit Faktenmatrix, Risikoampel und fehlenden Unterlagen; mit Live-Normencheck, Kammerlogik, Verhältnismäßigkeit, Belegplan und…
Gatekeeper-Designation nach Art. 3 DMA prüfen: Plattform-Betreiber will wissen ob DMA-Pflichten gelten oder Kommission hat Designation eingeleitet. Normen: DMA (EU) 2022/1925 Art.
Interoperabilitaet von Messengerdiensten nach Art. 7 DMA: Pflicht der Gatekeeper (WhatsApp, iMessage), interoperable Schnittstellen anzubieten.
Pflichtenuebersicht DMA für benannte Gatekeeper: Interoperabilitaet Messenger Art. 7, Datenportabilitaet Art. 6 Abs. 9 DMA, Selbstbevorzugungsverbot Art. 6 Abs.
Audit an existing web UI against premium design criteria. Screenshots pages and evaluates visual hierarchy, typography, color, spacing, consistency, and more.