Design & Frontend
4,640 results
- Enhance Promptgoogle-labs-codeTransforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
- google-labs-code/stitch-skillsGoogle Labs CodeCollectionA library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.
- React Vite DashboardGoogle Labs CodeConvert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).
- Shadcn UIgoogle-labs-codeExpert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
- Stitch Designgoogle-labs-codeUnified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.
- stitch::code-to-designGoogle Labs CodeConvert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload. **ALWAYS** use this skill when the user's intent is to move existing web apps or React/Angular/Vue components into Stitch (e.g., requests to "save", "migrate", or "upload").
- stitch::extract-static-htmlGoogle Labs CodeExtract self-contained static HTML from a built web application or React components by inlining CSS and images. Use this skill whenever you need to capture a specific UI state, share a static version of a page, or prepare assets for Stitch upload, even if the user just asks to 'save the HTML' or 'mock the view'.
- stitch::generate-designGoogle Labs CodeGenerate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP. Includes prompt enhancement pipeline, design mappings, professional UI/UX terminology, design tokens and theme system capabilities.
- stitch::manage-design-systemGoogle Labs CodeManage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design systems in Stitch, and applying them to screens.
- stitch::react-componentsGoogle Labs CodeConverts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking and AST-based validation.
- stitch::react-nativeGoogle Labs CodeConvert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.
- stitch::upload-to-stitchGoogle Labs CodeUpload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project. ALWAYS use this skill when you need to upload visual assets, HTML pages, or design docs to Stitch, particularly when direct MCP tool calls fail or truncate due to base64 token limits.
- Taste Designgoogle-labs-codeSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
- Migrating To Vendure DashboardvendurehqMigrates Vendure Admin UI extensions (legacy Angular-based) to the new React Dashboard.
- Material Component Docbytedanceç¨äº FlowGram ç©æåºç»ä»¶ææ¡£æ°åçä¸ç¨æè½ï¼æä¾ç»ä»¶ææ¡£çæãStory å建ãç¿»è¯çåè½çæ导åèªå¨åæ¯æ
- Ecommerce Video Marketinganbeime电商运营与内容创作者必备！当您需要为多品类商品策划抖音、小红书等平台的带货视频时，一键生成包含痛点切入、产品展示与专业镜头设计的6阶段高质量视频脚本，轻松打造高转化营销内容，大幅提升品牌销量。
- Frontend Designanbeime网页与数字界面设计师在构建Web页面或应用组件时，若受够了千篇一律的AI味设计，请用此技能。一键生成极具视觉冲击力、排版独特、动效惊艳的生产级前端代码，告别平庸，打造令人难忘的高品质数字界面。
- Gpt Image 2 Prompt Engineanbeime面向电商设计师、海报美工、品牌视觉、UI设计师、信息图编辑、商业摄影师、内容创作者等需要高质量可控出图的角色，在需要用 GPT-Image-2 生成电商主图、电影海报、信息图、品牌视觉、UI截图、古籍国风、角色IP等场景时，通过「Prompt as Code」原子化Schema+20+工业JSON模板+四步工作流，产出结构化、可复用、可批量的生图提示词，再调用 image_generation 出图。不适用于随意生图或简单风景照。
- Icon Generatoranbeime网页与数字界面设计师和平面设计师在开发App、网页或设计UI界面时，当需要快速产出高质量Icon，使用此技能即可一键生成多尺寸、风格统一的标准图标，彻底解决图标设计耗时痛点，大幅提升视觉交付效率！
- Pop Up Book Illustrationanbeime平面设计师与内容创作者在制作科技、教育或品牌视觉物料时，一键生成融合纸质手工质感与数字科技光效的3D弹出书风格插画。自动构建多层立体层次与明亮温暖色调，让创意跃然纸上，轻松产出极具视觉冲击力的专业级插画。
- Orchardcore Theme CreatororchardcmsCreates new OrchardCore themes with proper structure, manifest, layouts, and assets. Use when the user needs to create a new theme, customize layouts, or set up frontend assets.
- Frontend DesignvudovnDesign thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
- Build Tui Viewhatchet-devProvides instructions for building Hatchet TUI views in the Hatchet CLI.
- Better InterfacejakubkrehelCombines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color and UI polish.