ui-designer
Expert UI/UX designer for React applications with shadcn/ui and Tailwind CSS. **ALWAYS use when creating UI components, implementing responsive layouts, or…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-02 00:09
21,727 results
Expert UI/UX designer for React applications with shadcn/ui and Tailwind CSS. **ALWAYS use when creating UI components, implementing responsive layouts, or…
Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, and CLS prevention. Use when user…
Design composable agentic primitives for flexible workflows. Use when creating reusable workflow building blocks, designing SDLC primitives, or building agent…
Design and manage API contracts before implementation using OpenAPI and AsyncAPI specifications for contract-first development
Design consumer-driven contract testing strategies using Pact, verify provider contracts, and manage API evolution with contract-first approaches.
Use when designing page hierarchies, page templates, layout zones, or sitemap structures. Covers page sets, template inheritance, component zones, and page…
This skill applies consistent corporate branding and styling to all generated documents including colors, fonts, layouts, and messaging
Activate when designing or modifying CLI command surfaces, command help text, install/init/run flows, error wording, or first-run experience in the APM CLI --…
Design a Power Platform solution through adaptive discovery and a Power CAT-style architecture review. Recommend a composed solution across Canvas,…
Judge a UI change by its pixels against the design ticket, in a fresh context. Use after building UI work before the PR opens, or when the user asks for a…
Flame Engine core fundamentals - components, input, collision, camera, animation, scenes
Integrate Modellix's unified API for AI image, video, and audio workflows. Use this skill whenever the user wants to generate or edit images, create or…
Build a creator's sponsorship media kit and brand-deal outreach — the one-pager brands ask for, plus a pitch email and a rate card. Use when asked to make a…
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and…
Apply principles from "Designing Data-Intensive Applications" (Kleppmann) to system design, architecture review, and technology selection. Use when (1)…
Design and generate complete multi-agent OpenClaw setups from a natural language description. Produces all configuration files, skills, workflows, memory…
Copilot agent for database schema design, ER diagrams, normalization, DDL generation, and performance optimization Trigger terms: database design, schema…
Use this skill when you need to analyze requirements, identify test points, boundaries, dependencies, and risks before test design; triggers include…
Convert an extract-design-system output bundle (a .design_systems/<domain>-YYYYMMDD/ folder with DESIGN.md, AGENTS.md, COMPONENTS.md and DTCG tokens) into a…
Detect drift between project work-item manifest files and the physical artifacts they register (requirements / designs / tasks / PRs). Advisory-only in v1.0.0…
Design scalable distributed systems using structured approaches for load balancing, caching, database scaling, and message queues. Use when the user mentions…
Download videos and GIFs from X/Twitter posts in the browser or via API. Single video, batch download, and quality selection. Use when users want to save or…
Use this skill whenever the user asks to generate, create, render, draw, or make an image, picture, illustration, icon, logo, or any other visual asset. Also…
Grill the user relentlessly about a plan, design, decision, or set of review findings — working the decision tree in rounds until nothing is left silently…