gabelul
- 23 skills
- 0 followers
- 11 hours ago last updated
- ▌ Aso Appstore Screenshots · gabelul bundleGenerate high-converting App Store screenshots by analyzing your app's codebase, discovering core benefits, and creating ASO-optimized screenshot images with pixeltamer or a Gemini MCP.
- ▌ Pixeltamer · gabelul bundleGenerate, edit, and compose images with gpt-image-2. Two backends — OpenAI API key or codex CLI (uses your ChatGPT subscription, no key needed). Three modes — one-shot generate, multi-image batch with verification, and multi-reference composition (up to 16 inputs blended into one). Use when the user asks to make an image, generate a poster, draw a mockup, design an icon, create an ad creative, build an infographic, blend reference images, edit or inpaint an existing image, or anything else that ends in a PNG.
- ▌ Screenslop · gabelul bundleUse when the user wants to review, critique, fix, verify, or visually inspect Apple app UI from real runtime evidence. Screenslop captures Baguette-backed simulator evidence, produces evidence-backed findings, applies narrow fixes, and verifies against fresh captures. XcodeBuildMCP is used for build/run support; non-Baguette capture fallback is future work.
- ▌ Slopbuster · gabelul bundleAI text humanizer for prose, code, and academic writing. Strips AI-generated patterns and restores human voice. Use when editing or reviewing text to make it sound naturally human-written, when cleaning up AI-generated code comments and naming, or when revising academic papers flagged for AI patterns.
- ▌ Stitch Ideate · gabelul bundleConversational design ideation agent that researches trends, explores visual directions, and refines ideas through adaptive questioning — then produces a rich PRD document and auto-generates Stitch screens. Your design buddy that thinks deeply before designing.
- ▌ Stitch Ued Guide · gabelulVisual vocabulary, design terminology, and prompt engineering strategy for Stitch. Reference this when you need layout pattern names, aesthetic style terms, color structure formulas, or device guidelines.
- ▌ Stitch Orchestrator · gabelul bundleMaster entry point for all Stitch design workflows. Routes from user request → design spec → prompt assembly → screen generation → iteration (edit, variants, design systems) → design system extraction → framework conversion (Next.js, Svelte, HTML, React Native, or SwiftUI) → optional quality pass.
- ▌ Stitch Design System · gabelul bundleExtracts 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. Run this before framework conversion skills.
- ▌ Stitch MCP Get Screen · gabelul bundleRetrieves full details of a specific Stitch screen — HTML download URL, screenshot URL, dimensions. This is the final step in design retrieval before code conversion.
- ▌ Stitch HTML Components · gabelul bundleConverts a Stitch screen, a local HTML file, or a URL into clean, platform-agnostic HTML5 + CSS — semantic markup, CSS custom properties for theming, dark mode via prefers-color-scheme, mobile-first responsive, zero framework dependencies. Works in browsers, WebViews, Capacitor, and Ionic. Only the Stitch route needs an API key.
- ▌ Stitch MCP Get Project · gabelulRetrieves metadata for a specific Stitch project — title, theme, create/update time. Use to inspect a project before generating new screens. Do NOT use this if you already have a screenId — use stitch-mcp-get-screen instead.
- ▌ Stitch React Components · gabelul bundleConverts a Stitch screen, a local HTML file, or a URL into modular Vite + React components — TypeScript, theme-mapped Tailwind, dark mode via CSS variables, and clean component architecture. Use this for Vite/React apps without App Router. For Next.js 15 App Router, use stitch-nextjs-components instead. Only the Stitch route needs an API key.
- ▌ Stitch Nextjs Components · gabelul bundleConverts a Stitch screen, a local HTML file, or a URL into production-ready Next.js 15 App Router components — Server vs Client split, dark mode via CSS variables, TypeScript strict, ARIA, and responsive mobile-first layout. Only the Stitch route needs an API key.
- ▌ Stitch Svelte Components · gabelul bundleConverts a Stitch screen, a local HTML file, or a URL into Svelte 5 / SvelteKit components using the runes API — scoped CSS with custom properties, built-in transitions, TypeScript, dark mode, and accessible markup. Only the Stitch route needs an API key.
- ▌ Stitch MCP Create Project · gabelulCreates a new Stitch project container (a design workspace). Call this when starting a new design session to get a projectId for screen generation.
- ▌ Stitch Swiftui Components · gabelul bundleConverts a Stitch mobile screen, a local HTML file, or a URL into SwiftUI views for native iOS apps — VStack/HStack/ZStack layout mapping, Color asset tokens with dark mode, NavigationStack/TabView routing, and Xcode project structure. Only the Stitch route needs an API key.
- ▌ Stitch MCP Apply Design System · gabelulApplies a Stitch Design System to existing screens — updates their colors, fonts, and roundness to match the design system's theme. Requires an assetId from list or create operations.
- ▌ Stitch MCP List Design Systems · gabelulLists all Stitch Design Systems, optionally filtered by project. Returns asset names needed for apply and update operations.
- ▌ Stitch React Native Components · gabelul bundleConverts a Stitch mobile screen, a local HTML file, or a URL into React Native / Expo components — TypeScript, StyleSheet, Expo Router, dark mode via useColorScheme, and proper touch targets. Cross-platform iOS and Android. Only the Stitch route needs an API key.
- ▌ Stitch MCP Create Design System · gabelulCreates a reusable Stitch Design System from theme tokens — colors, fonts, roundness. Can be applied to future screens for visual consistency.
- ▌ Stitch MCP Update Design System · gabelulUpdates an existing Stitch Design System's theme, tokens, or guidelines. Requires the asset name from create or list operations.
- ▌ Stitch UI Design Spec Generator · gabelul bundleTranslates a user request or PRD document into a structured Design Spec JSON — theme, color, typography, density, and device type. Call this before building Stitch generation prompts.
- ▌ Stitch MCP Generate Screen From Text · gabelul bundleGenerates 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.