Claude Skills by gabelul

github.com/gabelul

38 skillsA× 37C× 10 installs59 views

ISSUE TEMPLATEA`stitch-*` prefix required for Stitch-related skillsdevelopmentgoVotes: 0GitHub stars: 43
Stitch A11yAAudits 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.developmentgobashVotes: 0GitHub stars: 43
Stitch AnimateAAdds a purposeful animation layer to Stitch-generated components — CSS transitions, Framer Motion (React/Next.js), or Svelte transitions. Always respects prefers-reduced-motion.developmentbashreactVotes: 0GitHub stars: 43
Stitch Design MdAAnalyzes 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.developmentgobashVotes: 0GitHub stars: 43
Stitch Design SystemAExtracts 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.developmentgobashVotes: 0GitHub stars: 43
Stitch Html ComponentsAConverts 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.developmentjavascriptgoVotes: 0GitHub stars: 43
Skills DirectorySkills Directory Look up any of 103,619 scanned skills — grade, score, and every finding. Free.Check a skill
Stitch IdeateAConversational 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.developmentgobashVotes: 0GitHub stars: 43
Stitch LoopAIteratively 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.developmentgobashVotes: 0GitHub stars: 43
Stitch Mcp Apply Design SystemAApplies 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.developmentVotes: 0GitHub stars: 43
Stitch Mcp Create Design SystemACreates a reusable Stitch Design System from theme tokens — colors, fonts, roundness, saturation. Can be applied to future screens for visual consistency.developmentgoVotes: 0GitHub stars: 43
Stitch Mcp Create ProjectACreates a new Stitch project container (a design workspace). Call this when starting a new design session to get a projectId for screen generation.developmentVotes: 0GitHub stars: 43
Stitch Mcp Delete ProjectAPermanently deletes a Stitch project and all its screens. Destructive — requires explicit user confirmation before calling.developmentVotes: 0GitHub stars: 43
Stitch Mcp Edit ScreensAEdits 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.developmentgobashVotes: 0GitHub stars: 43
Stitch Mcp Generate Screen From TextAGenerates 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.developmentVotes: 0GitHub stars: 43
Stitch Mcp Generate VariantsAGenerates design variants of existing Stitch screens using the native variant API. Explore alternative layouts, color schemes, fonts, or content with configurable creativity levels.developmenttestingapiVotes: 0GitHub stars: 43
Stitch Mcp Get ProjectARetrieves 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.developmentgoexpressVotes: 0GitHub stars: 43
Stitch Mcp Get ScreenARetrieves full details of a specific Stitch screen — HTML download URL, screenshot URL, dimensions. This is the final step in design retrieval before code conversion.developmentgoswiftVotes: 0GitHub stars: 43
Stitch Mcp List Design SystemsALists all Stitch Design Systems, optionally filtered by project. Returns asset names needed for apply and update operations.developmentVotes: 0GitHub stars: 43
Stitch Mcp List ProjectsALists 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.developmentVotes: 0GitHub stars: 43
Stitch Mcp List ScreensALists 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.developmentgoapiVotes: 0GitHub stars: 43
Stitch Mcp Update Design SystemAUpdates an existing Stitch Design System's theme, tokens, or guidelines. Requires the asset name from create or list operations.developmentgoVotes: 0GitHub stars: 43
Stitch Nextjs ComponentsAConverts 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.developmenttypescriptgoVotes: 0GitHub stars: 43
Stitch OrchestratorAMaster 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.developmentgoswiftVotes: 0GitHub stars: 43
Stitch React ComponentsAConverts 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.developmenttypescriptbashVotes: 0GitHub stars: 43
Stitch React Native ComponentsAConverts 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.developmenttypescriptbashVotes: 0GitHub stars: 43
Stitch RemotionAGenerates 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.developmentbashnodeVotes: 0GitHub stars: 43
Stitch SetupAStep-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.developmentgobashVotes: 0GitHub stars: 43
Stitch Shadcn UiAIntegrates 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.developmentbashreactVotes: 0GitHub stars: 43
Stitch Skill CreatorAMeta-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.developmenttypescriptgoVotes: 0GitHub stars: 43
Stitch Svelte ComponentsAConverts 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.developmenttypescriptgoVotes: 0GitHub stars: 43
Stitch Swiftui ComponentsAConverts 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.developmentswiftbashVotes: 0GitHub stars: 43
Stitch Ued GuideAVisual 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.developmentgoexpressVotes: 0GitHub stars: 43
Stitch Ui Design Spec GeneratorATranslates 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.developmentrustgoVotes: 0GitHub stars: 43
Stitch Ui Design VariantsAGenerates 3 alternative Stitch prompts for A/B testing screen concepts — vary layout, visual style, or content while keeping the underlying information architecture consistent.developmentgotestingVotes: 0GitHub stars: 43
Stitch Ui Prompt ArchitectABuilds 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.developmentrustgoVotes: 0GitHub stars: 43
Stitch Mcp Create Design System From Design MdACreates a Stitch Design System from a DESIGN.md that was already uploaded with stitch-mcp-upload-design-md. Second half of a two-step pair — the upload must happen first.developmentVotes: 0GitHub stars: 43
Stitch Mcp Upload Design MdAUploads a DESIGN.md file to a Stitch project as the first half of turning it into a Stitch Design System. Always paired with stitch-mcp-create-design-system-from-design-md, which must be called immediately after.developmentgoshellVotes: 0GitHub stars: 43
pixeltamerCGenerate, edit, and compose images with GPT Image 2.5, including transparent PNGs with a real alpha channel. Two backends — OpenAI API key or codex CLI (uses your ChatGPT subscription, no key needed). Four modes — one-shot generate, edit or inpaint an existing image, multi-reference composition (up to 16 inputs blended into one), and multi-image batch with verification. Use when the user asks to make an image, generate a poster, draw a mockup, design an icon or sticker, create an ad creative,...ai-agentspythongoVotes: 0GitHub stars: 6