Langium port for Rune DSL tooling Use when working with rune, rosetta, dsl, langium, cdm, isda, drr, finos, language-server, lsp, visual-editor, reactflow.
Iterate on a new or redesigned component in a sandboxed Explore story outside src/components/ (+ Figma), checked against a graduation gate.
Check design-system health for a React+Vite app — raw hex, undefined/unused tokens, scale gaps, and DESIGN.md drift (claims vs code).
Apply the principle of avoiding the Scaling Fallacy — the assumption that a system that works at one scale will work at a different (smaller or larger) scale.
Angular Core UI portal executor for confirmed frontend implementation. Use for new SDCoreJS portal init, existing @sdcorejs/angular or @sd-angular/core portals, PO/BA mock-first…
Agentflow step 3/9: Prototype. Decides whether a throwaway spike is needed, runs the smallest experiment when needed, and preserves learnings with quality-loop review.
Direct high-quality visual work — websites, web apps, dashboards, landing pages, native iOS (SwiftUI) and Android (Jetpack Compose) apps, mobile web, React components,…
Apply the Serial Position Effect — first and last items in a sequence are recalled best. Use when ordering menus, lists, and steps.
Build and customize UI components with shadcn/ui — component installation, CSS variable theming, Radix UI primitive composition, variant patterns with cva(), dark mode wiring, and…
Use when building UI components. Enforces ShadCN UI patterns, accessibility standards (Radix UI), and TailwindCSS best practices for November 2025.
Turn an AG2 multi-agent prototype into a reusable console, web, REST API, or broker-backed service with FastAgency.
Realistische SIG/TÜViT-stijl maintainability audit. Geeft eerlijke scores, niet diplomatieke. Disqualificeert prototypes als "productie-grade" en weegt risico op codevolume, niet…
Standarisasi arsitektur UI, Design Tokens, dan Aturan Styling terpisah antara SIGAP CSS (Royal Blue / Solid Editorial) dan POROS CSS (Sovereign Teal & Gold / Glassmorphism),…
The simulator — disposable HTML prototypes with fake data. Use when you'll only recognize what you want on sight: layouts, dashboards, flows, visual directions.
Write JavaScript code in the style of Kyle Simpson, author of "You Don't Know JS". Emphasizes deep understanding of JavaScript mechanics—scope, closures, this, prototypes, and…
\"Open sketch mode for wireframing on browser page. 開繪圖模式於瀏覽頁. Use when: wireframe UI, sketch layout, draw mockup, prototype design, annotate page visually\
Грубый рукотворный скетч / whiteboard photo → HTML каркас. Идентифицирует layout regions, превращает в HTML divs/sections с placeholder-контентом для дальнейшей детализации в…
Wireframing with sketch mode and visual highlighting including screenshots, overlays, and UI annotation tools.
Generates presentation design systems with consistent slide templates, typography rules, and color schemes mapped to Universal Design System palettes.
Test if your solution actually solves the validated problem before building the full product. Master the art of showing concepts and prototypes to get honest feedback on solution…
Use when you have real LC-MS/MS data (mzML) from a complex sample (e.g., beer, metabolomics extract) and need to prototype or validate a new data-dependent acquisition (DDA)…
👻 | Generate a self-contained HTML prototype to validate a feature visually before planning - primary agent
Turn a product brief and optional references into three distinct creative directions, a human-selected StyleSeed interaction plan, generated image/video asset jobs, a working UI…
Clone a ready-to-run Deepgram demo app and start building on top of it. Use whenever someone wants a quick working demo, needs to prototype with Deepgram, or is starting a new…
Extracts a Stitch design and generates production code artifacts — CSS custom properties with dark mode tokens, a Tailwind v4 @theme block, and a semantic design system document.
Prepare Stitch screen-generation, edit, image-to-design, and variant prompts with verified tool checks and design-system-aware wording.
Create, list, and apply Stitch design systems from DESIGN.md using the verified Stitch MCP design-system tools and safe upload fallbacks.
Applies a Stitch Design System to existing screens — updates their colors, fonts, and roundness to match the design system's theme.
Creates a reusable Stitch Design System from theme tokens — colors, fonts, roundness, saturation. Can be applied to future screens for visual consistency.
Generates a high-fidelity UI screen or wireframe from a text prompt using Stitch. This is the core text-to-UI generation tool — the heart of the Stitch workflow.
Lists all Stitch Design Systems, optionally filtered by project. Returns asset names needed for apply and update operations.
Updates an existing Stitch Design System's theme, tokens, or guidelines. Requires the asset name from create or list operations.
Expert guide for creating effective prompts for Google Stitch AI UI design tool. Use when user wants to design UI/UX in Stitch, create app interfaces, generate mobile/web designs,…
Generates 3 alternative Stitch prompts for A/B testing screen concepts — vary layout, visual style, or content while keeping the underlying information architecture consistent.
Design, preview, and generate UI code using Google Stitch (via MCP). Helps developers choose the best UI by generating previews first, allowing iteration, and then exporting code.
Applies Strakk's warm dark mobile design system from DESIGN.md. Use when proposing or implementing SwiftUI or Compose UI.
Use when building or organizing an internal shared UI / design-system library that multiple apps depend on — src layout, folder-per-component with version coexistence, the…
Builds a prototype component by component, self-reviewing each component against the Discovery Plan before moving to the next.
Design or redesign frontend UI with the Superdesign canvas. Use for design-system extraction, faithful UI reproduction, visual variants, reusable design components, and multi-page…
SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.
Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility. — from Asymmetric-al/core
Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns.
Design a tdmcp feature into an implementable spec before any code is written — choose the layer, define the Zod input schema, lay out the TD network topology, plan the…
Orchestrates the tdmcp feature team end-to-end: design/wireframe → build → integrate → QA → release. Use whenever the user wants to build, implement, develop, ship, or add one or…
Compose a team (of people OR agents) by lifecycle posture, not job title, using the five product archetypes — Prototyper, Builder, Sweeper, Grower, Maintainer — and the rule that…
Create a monochrome technical wireframe design system with exploded 3D structure, connector annotations, sparse information labels, and precise dark diagnostic framing.
Technische Dokumentation, Laborbuch und Entwicklungsakte auswerten: Erfinder, Datum, Varianten, Tests, Prototypen und Beweiswert im Gebrauchsmusterrecht.
Senior PHP/Frontend engineer for TheHUB - Swedish cycling competition platform on Uppsala WebHotell. Use when JALLE asks about TheHUB development, GravitySeries, cycling events,…
Design premium Three.js game UI. Use for HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and…
TidyFactor Design track — code-native UI design lifecycle engine (Figma alternative). Supports all 7 stages of UI design (Discovery, Foundation, Architecture, Components, Motion,…
Improve TimerMeet's GUI -- simplicity, clarity, layout, and performance-conscious widget choices. Use when the user asks to make the interface simpler, clearer, less cluttered,…
Draw, diagram, sketch, wireframe, mind-map, or flowchart on a live tldraw canvas via the tldraw-mcp server.
Interact with open tldraw desktop canvases via a local HTTP API at localhost:7236. Create, read, update, and delete shapes. Take screenshots.
Day 4 (Thursday) move of a Design Sprint that produces the planning artifact for the day. Output covers the prototype role plan (Maker, Stitcher, Writer, Asset Collector,…
Capture LLM and agent traces, run evaluations, inspect failures, and monitor RAG or multi-step agent behavior from prototype to production.
Use when designing or building any terminal user interface — choosing a layout paradigm, keybindings/interaction model, color system, data visualization, or motion.
Create free SSH tunnels to expose local ports to the internet using tinyfi.sh. Use when you need to share a locally running app, test webhooks, demo a prototype, or get a public…
Mathematical typography scale system. Generates harmonious type hierarchies using golden ratio, perfect fifth, and other classical scales.
Use when the user wants to fast lane for a minimal working prototype or small function. Decomposes the idea, builds it via parallel subagents in-session, runs one light review,…
Generate a new UI component that follows StyleSeed Toss conventions for structure, tokens, accessibility, and component ergonomics.