Source

gabelul/stitch-kit

37 skills · 1.5K combined installs

Skills from this source

#
Skill
Source
8W Activity
Installs
1
stitch-mcp-get-screen Retrieves full details of a specific Stitch screen — HTML download URL, screenshot URL, dimensions. This is the final…
gabelul/stitch-kit
70
2
stitch-setup Step-by-step installer for the stitch-kit plugin and Stitch MCP server. Use this when setting up the plugin for the f…
gabelul/stitch-kit
61
3
stitch-react-components Converts a Stitch screen, a local HTML file, or a URL into modular Vite + React components — TypeScript, theme-mapped…
gabelul/stitch-kit
54
4
stitch-design-md Analyzes a Stitch project's screens and synthesizes a natural-language DESIGN.md — visual atmosphere, color palette w…
gabelul/stitch-kit
51
5
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 generat…
gabelul/stitch-kit
48
6
stitch-ui-prompt-architect Builds Stitch-ready prompts via two paths — Path A enhances vague ideas into polished prompts, Path B merges a Design…
gabelul/stitch-kit
48
7
stitch-design-system Extracts a Stitch design and generates production code artifacts — CSS custom properties with dark mode tokens, a Tai…
gabelul/stitch-kit
47
8
stitch-nextjs-components Converts a Stitch screen, a local HTML file, or a URL into production-ready Next.js 15 App Router components — Server…
gabelul/stitch-kit
46
9
stitch-orchestrator Master entry point for all Stitch design workflows.
gabelul/stitch-kit
45
10
stitch-ideate Conversational design ideation agent that researches trends, explores visual directions, and refines ideas through ad…
gabelul/stitch-kit
44
11
stitch-html-components Converts a Stitch screen, a local HTML file, or a URL into clean, platform-agnostic HTML5 + CSS — semantic markup, CS…
gabelul/stitch-kit
43
12
stitch-mcp-create-design-system Creates a reusable Stitch Design System from theme tokens — colors, fonts, roundness. Can be applied to future screen…
gabelul/stitch-kit
43
13
stitch-mcp-edit-screens Edits existing Stitch screens with text prompts — the iteration tool. Change colors, layout, content, or style withou…
gabelul/stitch-kit
43
14
stitch-shadcn-ui Integrates shadcn/ui into React apps generated from Stitch designs. Component discovery and installation, token align…
gabelul/stitch-kit
43
15
stitch-ui-design-spec-generator Translates a user request or PRD document into a structured Design Spec JSON — theme, color, typography, density, and…
gabelul/stitch-kit
43
16
stitch-animate Adds a purposeful animation layer to Stitch-generated components — CSS transitions, Framer Motion (React/Next.js), or…
gabelul/stitch-kit
42
17
stitch-swiftui-components Converts a Stitch mobile screen, a local HTML file, or a URL into SwiftUI views for native iOS apps — VStack/HStack/Z…
gabelul/stitch-kit
42
18
stitch-react-native-components Converts a Stitch mobile screen, a local HTML file, or a URL into React Native / Expo components — TypeScript, StyleS…
gabelul/stitch-kit
41
19
stitch-ui-design-variants Generates 3 alternative Stitch prompts for A/B testing screen concepts — vary layout, visual style, or content while …
gabelul/stitch-kit
40
20
stitch-a11y Audits Stitch-generated components for WCAG 2.1 AA accessibility issues and applies fixes — semantic HTML, ARIA attri…
gabelul/stitch-kit
39
21
stitch-mcp-apply-design-system Applies a Stitch Design System to existing screens — updates their colors, fonts, and roundness to match the design s…
gabelul/stitch-kit
39
22
stitch-mcp-list-projects Lists all Stitch projects accessible to the user. Use this to find an existing project ID before resuming work or gen…
gabelul/stitch-kit
39
23
stitch-svelte-components Converts a Stitch screen, a local HTML file, or a URL into Svelte 5 / SvelteKit components using the runes API — scop…
gabelul/stitch-kit
39
24
stitch-mcp-list-design-systems Lists all Stitch Design Systems, optionally filtered by project. Returns asset names needed for apply and update oper…
gabelul/stitch-kit
38
25
stitch-mcp-update-design-system Updates an existing Stitch Design System's theme, tokens, or guidelines. Requires the asset name from create or list …
gabelul/stitch-kit
38
26
stitch-loop Iteratively build multi-page websites using Stitch. Reads next-prompt.md (the baton), generates the next page with St…
gabelul/stitch-kit
37
27
stitch-mcp-create-project Creates a new Stitch project container (a design workspace). Call this when starting a new design session to get a pr…
gabelul/stitch-kit
37
28
stitch-mcp-get-project Retrieves metadata for a specific Stitch project — title, theme, create/update time. Use to inspect a project before …
gabelul/stitch-kit
37
29
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 gen…
gabelul/stitch-kit
37
30
stitch-ued-guide Visual vocabulary, design terminology, and prompt engineering strategy for Stitch. Reference this when you need layou…
gabelul/stitch-kit
37
31
stitch-mcp-generate-variants Generates design variants of existing Stitch screens using the native variant API. Explore alternative layouts, color…
gabelul/stitch-kit
36
32
stitch-remotion Generates walkthrough videos from Stitch projects using Remotion. Downloads screenshots from Stitch screens, builds a…
gabelul/stitch-kit
36
33
stitch-skill-creator Meta-skill for creating new stitch-kit skills. Enforces naming conventions, SKILL.md structure, examples format, and …
gabelul/stitch-kit
36
34
stitch-mcp-delete-project Permanently deletes a Stitch project and all its screens. Destructive — requires explicit user confirmation before ca…
gabelul/stitch-kit
35
35
stitch-mcp-upload-screens-from-images Uploads screenshots or mockup images into a Stitch project as new screens. Enables the "redesign from screenshot" wor…
gabelul/stitch-kit
29
36
stitch-mcp-create-design-system-from-design-md Creates a Stitch Design System from a DESIGN.md that was already uploaded with stitch-mcp-upload-design-md. Second ha…
gabelul/stitch-kit
8
37
stitch-mcp-upload-design-md Uploads a DESIGN.md file to a Stitch project as the first half of turning it into a Stitch Design System. Always pair…
gabelul/stitch-kit
8