excalidraw-diagrams
Creates Excalidraw diagrams programmatically. Use when the user wants flowcharts, architecture diagrams, system designs, or any visual diagram instead of ASCII…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-23 00:13
20,592 results
Creates Excalidraw diagrams programmatically. Use when the user wants flowcharts, architecture diagrams, system designs, or any visual diagram instead of ASCII…
Create a complete brand identity for a project — the logo mark (designed with the logo-design skill), colors, fonts, SVG refinement in Inkscape, and a full…
Initialize the design system or create new UI components with accessibility, Tailwind/shadcn integration, and documentation. Use when setting up the initial…
Design and implement consistent SVG icon systems for UI: keyline grids, stroke rules, optical corrections, outline/filled/duotone styles, icon+text alignment,…
Generate or evaluate Roblox game ideas using retention, social, monetization, mobile-first, and first-session best practices. Use when pitching concepts,…
Use Adobe Firefly Services to generate, edit, expand, fill, match, composite, and upscale still images through the current REST APIs. Apply when selecting…
Generate, remix, edit, inpaint, reframe, background-process, describe, layerize, and upscale images with the Ideogram Developer API. Use when Codex must…
Use when an agent must make TwelveLabs do real video-understanding work: indexing footage, semantic/visual search across an archive, generating descriptions,…
Use when designing custom voices with Alibaba Cloud Model Studio CosyVoice customization models, especially cosyvoice-v3.5-plus or cosyvoice-v3.5-flash, from a…
Use when editing images with Alibaba Cloud Model Studio Qwen Image Edit models (qwen-image-edit, qwen-image-edit-plus, qwen-image-edit-max, qwen-image-2.0…
Use when designing core game loops, feedback systems, player motivation models, MDA framework analysis, progression curves, difficulty tuning, reward…
Start a new framefields video project, or add framefields to an existing Node.js project. Use when the user wants to make a video with framefields and the…
Use when asked to design a system, component, or feature and Iskron tools are available: "design", "let's think it through", "architecture", "need a design",…
Design the architecture for a Juspay payment integration — collaborative, step-by-step decisions that ground the integration in real Juspay docs and produce a…
UX design expert for auditing and redesigning pages, dashboards, and data-dense interfaces via 4-phase collaborative reviews across 8 UX dimensions. Triggers…
Google Cloud Vision integration. Manage Images. Use when the user wants to interact with Google Cloud Vision data.
Use when creating, shortlisting, or testing taglines, slogans, or brand mantras, or distilling a positioning statement into a few memorable words. Keywords -…
Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users…
Make and review videos and storyboards with the user in the loop, with any video tool (Hyperframes, Remotion, Motion Canvas, ffmpeg, screen recordings). Use…
Harden container images by minimizing attack surface, stripping unnecessary packages, implementing multi-stage builds, configuring non-root users, and applying…
Keeping a design system in an LLM's context: loading tokens compactly, persisting design decisions across sessions, handling multiple variants, and budgeting…
Write and review content for plain language accessibility. Use when writing interface copy, error messages, instructions, onboarding text, help content, legal…
Design intuitive, meaningful interactions grounded in user goals and cognitive principles. Use when designing component behaviors, user flows, feedback…
Authenticate OpenCode with Figma MCP server to enable Figma design integration