warp-ui-skills
Warp's UI design system. Use when building interfaces inspired by Warp's aesthetic - light mode, Inter font, 4px grid.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-05 00:16
Design & creation
22,054 results
canvas
Create and edit diagrams as code — store mermaid text or excalidraw scenes under stable ids the console renders live, fetch the per-family mermaid syntax…
gemini-unwatermark
Remove visible Gemini image watermarks from local image files. Use when the user wants an agent to clean one or more local Gemini-generated images and save…
video-feed-ocr
Extract visible text from local video files by sampling frames and running OCR via a local multimodal LLM. Use when requests involve reading on-screen text,…
extension-store-assets
Generates browser extension brand icons, Chrome Web Store promo tiles, promotional screenshots, brand guides, and listing copy. Uses OpenRouter gpt-image-2 via…
extension-store-assets
Generates browser extension brand icons, Chrome Web Store promo tiles, promotional screenshots, brand guides, and listing copy. Uses OpenRouter gpt-image-2 via…
refine-issue-plan
Analyze an issue, task, conversation, design, or repository context; decide whether the work should remain in one issue or be split into independently…
free-tool-strategy
When the user wants to plan, evaluate, or build a free tool for marketing purposes — lead generation, SEO value, or brand awareness. Also use when the user…
agency-image-prompt-engineer
Expert photography prompt engineer specializing in crafting detailed, evocative prompts for AI image generation. Masters the art of translating visual concepts…
agency-inclusive-visuals-specialist
Representation expert who defeats systemic AI biases to generate culturally accurate, affirming, and non-stereotypical images and video.
agency-persona-walkthrough-specialist
Simulate cognitive walkthroughs of web pages from a defined persona's psychological perspective — captures emotional reactions and rational thought at each…
agency-ux-architect
Technical architecture and UX specialist who provides developers with solid foundations, CSS systems, and clear implementation guidance
agency-visual-storyteller
Expert visual communication specialist focused on creating compelling visual narratives, multimedia content, and brand storytelling through design. Specializes…
agency-whimsy-injector
Expert creative specialist focused on adding personality, delight, and playful elements to brand experiences. Creates memorable, joyful interactions that…
drawio-impl-architecture
Use when creating C4 model diagrams, software architecture views, or cloud architecture diagrams in Draw.io. Prevents mixing cloud provider stencils in the…
mariadb-core-replication-model
Use when designing a MariaDB replication topology, choosing between async, semi-sync, or parallel-applier, configuring GTID, migrating replication from MySQL,…
mariadb-syntax-procedures-functions
Use when writing stored procedures or stored functions, designing error handling with DECLARE HANDLER, using SIGNAL and RESIGNAL for custom errors, choosing…
solid-impl-state-patterns
Use when designing state architecture or choosing between signals, stores, and context in SolidJS. Prevents using createEffect for derived state, capturing…
tauri-impl-design-patterns
Use when designing Tauri 2 app architecture, choosing between IPC approaches, or planning application structure. Prevents using commands for streaming data,…
qwen-image
Generate and edit images with Alibaba Qwen-Image-2.0 models via inference.sh CLI. Models: Qwen-Image-2.0 (fast), Qwen-Image-2.0-Pro (professional text…
qwen-image-pro
Generate images with Alibaba Qwen-Image-2.0-Pro via inference.sh CLI. Professional text rendering, fine-grained realism, enhanced semantic adherence. Ideal for…
builder-design-system
Apply the Autonomous Agent Builder design system to the autonomous-agent-builder codebase. Use when building or restyling Builder dashboard pages, adding or…
drams-design
Use when designing UI components, building layouts, creating page structures, or developing design systems following Dieter Rams' principles. Load for any task…
figma-implement-design
Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions…