# gabelul > Open-source publisher. Listings imported from github.com/gabelul — credited to the original author with their license. - **Listings:** 38 - **Total installs:** 0 - **Profile:** https://agentstack.voostack.com/s/gabelul - **Website:** https://github.com/gabelul ## Published listings - [Stitch Svelte Components](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-svelte-components) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-svelte-components` Converts Stitch designs into Svelte 5 / SvelteKit components using the runes API — scoped CSS with custom properties, built-in transitions, TypeScript, dark mode, and accessible markup. - [Stitch Mcp List Design Systems](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-list-design-systems) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-list-design-systems` Lists all Stitch Design Systems, optionally filtered by project. Returns asset names needed for apply and update operations. - [Stitch Remotion](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-remotion) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-remotion` Generates walkthrough videos from Stitch projects using Remotion. Downloads screenshots from Stitch screens, builds a Remotion composition with transitions and text overlays, and renders to MP4. Use with stitch-mcp-list-screens and stitch-mcp-get-screen for screen discovery. - [Stitch Html Components](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-html-components) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-html-components` Converts Stitch designs 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. - [Stitch Mcp Apply Design System](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-apply-design-system) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-apply-design-system` Applies 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 Nextjs Components](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-nextjs-components) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-nextjs-components` Converts Stitch designs 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. - [Stitch Orchestrator](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-orchestrator) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-orchestrator` Master 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 Mcp Get Project](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-get-project) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-get-project` Retrieves 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 Mcp Delete Project](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-delete-project) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-delete-project` Permanently deletes a Stitch project and all its screens. Destructive — requires explicit user confirmation before calling. - [Stitch React Components](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-react-components) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-react-components` Converts Stitch designs 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. - [Stitch Mcp Edit Screens](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-edit-screens) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-edit-screens` Edits existing Stitch screens with text prompts — the iteration tool. Change colors, layout, content, or style without regenerating from scratch. Supports refinement loops via output_components suggestions. - [Stitch Mcp Generate Variants](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-generate-variants) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-generate-variants` Generates design variants of existing Stitch screens using the native variant API. Explore alternative layouts, color schemes, fonts, or content with configurable creativity levels. - [Stitch Ideate](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-ideate) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-ideate` Conversational 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 Design Md](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-design-md) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-design-md` Analyzes a Stitch project's screens and synthesizes a natural-language DESIGN.md — visual atmosphere, color palette with hex values, typography rules, and Stitch-ready prompt snippets. Use this before stitch-loop or any multi-page build to establish design consistency. - [Stitch Mcp Update Design System](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-update-design-system) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-update-design-system` Updates an existing Stitch Design System's theme, tokens, or guidelines. Requires the asset name from create or list operations. - [Stitch Swiftui Components](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-swiftui-components) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-swiftui-components` Converts Stitch mobile designs 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. - [Stitch Design System](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-design-system) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-design-system` 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. Run this before framework conversion skills. - [Stitch Ui Design Spec Generator](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-ui-design-spec-generator) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-ui-design-spec-generator` Translates 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 List Projects](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-list-projects) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-list-projects` Lists all Stitch projects accessible to the user. Use this to find an existing project ID before resuming work or generating new screens in an existing project. - [Stitch A11y](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-a11y) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-a11y` Audits Stitch-generated components for WCAG 2.1 AA accessibility issues and applies fixes — semantic HTML, ARIA attributes, keyboard navigation, focus management, and screen reader support. - [Stitch Ui Design Variants](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-ui-design-variants) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-ui-design-variants` Generates 3 alternative Stitch prompts for A/B testing screen concepts — vary layout, visual style, or content while keeping the underlying information architecture consistent. - [Stitch Mcp List Screens](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-list-screens) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-list-screens` Lists all screens in a Stitch project. Use this after generate_screen_from_text to find the screenId of the newly generated screen, then call stitch-mcp-get-screen to retrieve it. - [Stitch Mcp Create Design System](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-create-design-system) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-create-design-system` Creates a reusable Stitch Design System from theme tokens — colors, fonts, roundness, saturation. Can be applied to future screens for visual consistency. - [Stitch Animate](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-animate) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-animate` Adds a purposeful animation layer to Stitch-generated components — CSS transitions, Framer Motion (React/Next.js), or Svelte transitions. Always respects prefers-reduced-motion. - [Stitch Loop](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-loop) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-loop` Iteratively build multi-page websites using Stitch. Reads next-prompt.md (the baton), generates the next page with Stitch MCP, integrates it into the site, then updates next-prompt.md to continue the loop. Works with stitch-design-md and stitch-ui-prompt-architect for consistent multi-page output. - [Stitch Mcp Generate Screen From Text](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-generate-screen-from-text) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-generate-screen-from-text` 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. - [Stitch Shadcn Ui](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-shadcn-ui) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-shadcn-ui` Integrates shadcn/ui into React apps generated from Stitch designs. Component discovery and installation, token alignment with Stitch design system, customization patterns, and blocks (auth, dashboard, sidebar). Use with stitch-react-components or stitch-nextjs-components. - [Stitch Setup](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-setup) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-setup` Step-by-step installer for the stitch-kit plugin and Stitch MCP server. Use this when setting up the plugin for the first time, diagnosing connection issues, or helping a new user get Stitch running in Claude Code or Codex CLI. - [Stitch Mcp Get Screen](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-get-screen) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-get-screen` Retrieves 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 Mcp Upload Screens From Images](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-upload-screens-from-images) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-upload-screens-from-images` Uploads screenshots or mockup images into a Stitch project as new screens. Enables the "redesign from screenshot" workflow — import existing UI and then edit or convert. - [Stitch Skill Creator](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-skill-creator) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-skill-creator` Meta-skill for creating new stitch-kit skills. Enforces naming conventions, SKILL.md structure, examples format, and the Design-First SOP. Use when adding new framework support, a new domain-specific prompt architect, or any new capability to the stitch-kit plugin. - [Pixeltamer](https://agentstack.voostack.com/l/skill-gabelul-pixeltamer-gpt-image-skill-pixeltamer-gpt-image-skill) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-pixeltamer-gpt-image-skill-pixeltamer-gpt-image-skill` | - [Stitch Kit](https://agentstack.voostack.com/l/mcp-gabelul-stitch-kit) — MCP server · Free · security-reviewed — `agentstack add mcp-gabelul-stitch-kit` Design superpowers for AI coding agents. 35 skills, 5 layers, 7 framework targets. Ideation, batch generation, design systems, iteration loops, and production conversion via Google Stitch MCP. Claude Code plugin + Codex CLI agent. The design intelligence layer your agent was missing. - [Stitch Ui Prompt Architect](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-ui-prompt-architect) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-ui-prompt-architect` Builds Stitch-ready prompts via two paths — Path A enhances vague ideas into polished prompts, Path B merges a Design Spec JSON + user request into a structured [Context] [Layout] [Components] prompt. - [Stitch React Native Components](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-react-native-components) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-react-native-components` Converts Stitch mobile designs into React Native / Expo components — TypeScript, StyleSheet, Expo Router, dark mode via useColorScheme, and proper touch targets. Cross-platform iOS and Android. - [Stitch Ued Guide](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-ued-guide) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-ued-guide` Visual 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. - [Slopbuster](https://agentstack.voostack.com/l/skill-gabelul-slopbuster-slopbuster) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-slopbuster-slopbuster` | - [Stitch Mcp Create Project](https://agentstack.voostack.com/l/skill-gabelul-stitch-kit-stitch-mcp-create-project) — Skill · Free · security-reviewed — `agentstack add skill-gabelul-stitch-kit-stitch-mcp-create-project` Creates a new Stitch project container (a design workspace). Call this when starting a new design session to get a projectId for screen generation. --- Seller on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Install any with `agentstack add `.