251 skills found · Page 4 of 9
google-labs-code / stitch::extract-design-mdExtract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework.
google-labs-code / enhance-promptTransforms 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::manage-design-systemManage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design systems in Stitch, and applying them to screens.
google-labs-code / design-mdAnalyze Stitch projects and synthesize a semantic design system into DESIGN.md files
google-labs-code / stitch::code-to-designConvert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload.
anbeime / json-canvas产品经理与内容创作者在构建Obsidian知识库或梳理复杂逻辑时,当需要创建思维导图、流程图等可视化画布,使用此技能可自动生成标准.canvas文件,精准配置节点、连线与层级,一键生成完美排版,彻底告别手写JSON的繁琐与报错。
anbeime / obsidian-skills-integrated内容创作者与技术写作员在让AI撰写Obsidian笔记时,使用此官方技能可精准处理双链、Callout及Bases数据库语法,一键生成格式零破坏的Canvas画布与专业笔记,彻底解决AI破坏专属格式的痛点。
anbeime / web-design-analyzer网页与数字界面设计师和网页开发工程师在需要逆向分析网页截图时,使用本技能一键提取配色、排版及组件特征,自动生成结构化 Design System 数据与 AI Coding Prompt,让设计还原与前端开发更高效。
jakubkrehel / build-designBuilds UI from a Figma file or a design image so it matches the design, using your project's existing tokens and components.
Devin-AXIS / ipollowork-plugin-ui为 iPolloWork 新插件或插件工作区复用 UI 组件、颜色、字体及交互规范。按 Figma 成熟状态和代码清单优先采用已确认组件,区分宿主 React 与独立 HTML/iframe 的接入方式;适用于插件表单、导航、浮层、反馈、状态和进度设计及实现,不改变用户作品的视觉风格。
Devin-AXIS / ipollowork-presentationsCreate, revise, and verify slide presentations in an active iPolloWork Design session while retaining the selected template's visual and editable contracts.
tech-leads-club / figmaUse the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code
deanpeters / recommendation-canvasEvaluate an AI product idea across outcomes, hypotheses, risks, and positioning
deanpeters / lean-ux-canvasGuide teams through Lean UX Canvas v2
deanpeters / problem-framing-canvasGuide teams through MITRE's Problem Framing Canvas
deanpeters / voice-of-customer-minerMine public reviews, app stores, and forums for unmet needs, competitor weaknesses, and switching triggers — with quoted evidence
ZSeven-W / openpencilThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
MengTo / falling-leavesBuild falling leaves that read as leaves, with each one tumbling on its own axis so it presents a face, thins to an edge, and opens out again, and with its sideways slip driven by that same tumble.
MengTo / mesh-gradient-dark-blue-cleanCreate a futuristic, premium, clean dark-blue mesh-gradient design system across background rendering, hero shell, navigation, floating nodes, framed sections, CTAs, and motion
MengTo / optimize-web-animationsProfile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAnimationFrame loops, marquees, skeletons, GSAP/Three/Matter effects, timers, listeners, and observers
MengTo / scroll-scrubbed-visual-sequenceBuild reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers.
MengTo / 3d-retina-resolutionRender a 3D canvas sharply on Retina and HiDPI displays, including explicit 200 percent resolution, synchronized renderer and post-processing sizes, correct pointer coordinates, and measured quality fallbacks.
MengTo / stitched-full-page-captureCapture or repair reliable full-page screenshots for lazy-loaded, scroll-animated, Framer, WebGL/canvas, or reveal-heavy web pages
MengTo / fire-paper-loaderBuild a burning-paper ring loader whose GLSL flame is drawn by a Worker on an OffscreenCanvas started from the head, so a main thread blocked by the page build cannot freeze it, with a progress count, an even-paced run into the hand-off, and a clean fade to the page.
MengTo / 3d-cloth-materialBuild convincing woven cloth in Three.js, with a thread-level weave normal map, sheen and anisotropic highlights, folds that never stretch the texture, hems with thickness, stitches, seams, frayed edges, fold occlusion, dye and wear variation, and light passing through thin fabric.
MengTo / 3d-falling-leavesBuild recognizable falling leaves in world space using instanced geometry, independent tumble, coupled sideways drift, shared wind, scene occlusion, and camera-aware recycling. Use for 3D autumn leaves or drifting foliage in Three.js and similar scenes; use falling-leaves for a 2D canvas overlay.
JimLiu / baoyu-designRun Claude Design locally as an Agent Skill — Cursor, Codex, DeepSeek Harness & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without claude.ai/design. Best with Opus or Claude.
elementalsouls / hunt-nodejsHunt Node.js specific vulnerabilities — Prototype Pollution → RCE chains (lodash/merge/assign), Express trust proxy misconfiguration, child_process/eval injection, template engine SSTI (EJS/Pug/Handlebars), path traversal in file servers, require() injection, environment variable exfil via /proc/sel…
zebbern / r3f-animationReact Three Fiber animation - useFrame, useAnimations, spring physics, keyframes
Manavarya09 / design-extractExtract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediatio…