KhulnaSoft bot
Community@khulnasoft-bot
KhulnaSoft bot, opens pull requests to fix known vulnerabilities in your dependencies. Check https://khulnasoft.com/ to learn more.
Agent Skills by KhulnaSoft bot
Showing 19 vetted skills indexed across 2 GitHub repositories.
ink
Renders JSON specs into interactive terminal UIs using the Ink renderer for json-render.
agent-dx-cli-scale
Scores CLI tools against seven agent-first design principles on a 0-21 scale.
typed-service-contracts
Implements type-safe TypeScript services using Zod schemas and the Result pattern.
tdd-red-green-refactor
Enforces incremental Red-Green-Refactor test-driven development cycles in TypeScript and Node.js projects.
react-vite-dashboard
Convert Stitch screens into React and Vite dashboards with TanStack Query and DESIGN.md tokens.
stitch::generate-design
Generate and edit UI design screens from text prompts or images using Stitch MCP.
stitch::code-to-design
Convert frontend code into Stitch Designs via HTML extraction, design system extraction, and upload.
stitch::extract-static-html
Extract self-contained static HTML from running web applications by inlining CSS and images.
stitch::extract-design-md
Extract a design system document from frontend source code without building the application.
stitch::manage-design-system
Create, update, and apply Stitch design systems from DESIGN.md files using MCP tools.
stitch::upload-to-stitch
Upload images, HTML, and markdown files to Stitch projects via the BatchCreateScreens API.
design-md
Analyze Stitch project screens and generate semantic DESIGN.md design system documentation.
taste-design
Generates DESIGN.md design system files for Google Stitch screen generation.
enhance-prompt
Transforms vague UI ideas into structured, Stitch-optimized generation prompts.
stitch-loop
Automates iterative website generation using Stitch MCP tools through a baton-passing loop pattern.
stitch::react-native
Convert Stitch HTML designs into React Native components with StyleSheet styling.
shadcn-ui
Integrates and customizes shadcn/ui components in React applications with Tailwind CSS.
stitch::react-components
Converts Stitch design screens into modular Vite and React components with AST-based validation.
remotion
Generate walkthrough videos from Stitch project screens using Remotion compositions.
Frequently Asked Questions About KhulnaSoft bot
FAQPage SchemaWhat tasks can I accomplish with KhulnaSoft bot's Stitch skills?▼
You can generate and edit UI screens from prompts, extract static HTML and design systems from frontend code, upload assets to Stitch projects, convert designs to React or React Native components, integrate shadcn/ui components, and render walkthrough videos with Remotion.
Who should use these Stitch design skills?▼
Frontend engineers and UI designers migrating existing web apps into Stitch, teams auditing or extracting design tokens from React, Vue, Svelte, or Angular codebases, and developers shipping React Native screens or product walkthrough videos from Stitch projects.
How do the code-to-design and extraction skills work in practice?▼
The code-to-design skill chains static HTML extraction, design system extraction, and file upload to move existing web apps into Stitch. extract-static-html inlines CSS and images into self-contained pages, while extract-design-md analyzes components, stylesheets, and Tailwind configs to produce a DESIGN.md.
What are the prerequisites and runtime dependencies?▼
Skills require access to Stitch MCP servers (stitch* tools), plus Read, Write, Bash, and web_fetch permissions. The shadcn-ui skill needs shadcn MCP access, stitch-loop uses Chrome tooling, and remotion requires the Remotion environment for video rendering.
Can I convert Stitch designs into production frontend code?▼
Yes. The react-components skill converts Stitch designs into modular Vite and React components using AST-based validation, while the react-native skill transforms Stitch HTML designs into React Native components with StyleSheet for mobile applications.