Design e Frontend

A comprehensive design operating system synthesized from 10 canonical design books. Covers research, typography, color theory, composition, branding, logo design, storytelling, web design, creative process, and professional practice.

Build MindNode-inspired mind mapping interfaces — 8 node shapes, 27+ themes, layout algorithms (horizontal, vertical, radial with D3), keyboard shortcuts, focus mode, dual view. React + xyflow/react v12 + Zustand + Tailwind. Triggers on mind map, visual thinking tool, node-based diagram, brainstorm canvas, MindNode.

Converte projetos HTML/CSS/JavaScript em Temas de Bloco WordPress (Edição Completa do Site) prontos para produção, utilizando a API de Interatividade, Block Bindings, CSS por bloco e as melhores práticas do WordPress 6.5+. Esta skill é usada para transformar HTML/CSS/JS estático em um tema de bloco WordPress, tema FSE ou tema compatível com Gutenberg.

Create or update a Wardley Map of the value chain. Maps user needs, components, evolution stages, and strategic gameplay.

Research UI component patterns across 60 component types and 95 production design systems (2,676+ examples from component.gallery). Compare implementations, find alternative component names, ground frontend decisions in real-world precedent. Pairs with minoan-frontend-design for research-then-build workflows. Triggers on component patterns, how do others implement X, design system research, compon

Build AI agents using the Claude Agent SDK. Covers query functions,

Metodologia especializada de prompt de estratégia de negócios para Claude. Oferece 11 abordagens testadas (3 de identidade, 4 de raciocínio, 4 de formatos de saída) para tarefas de consultoria, M&A, estratégia corporativa e planejamento estratégico, ideal para prompts de avaliação de negócios, due diligence e análise de opções estratégicas.

Retroactive 6-pillar visual audit of implemented frontend code

Obtenha uma Chave de API no site oficial da AI Skills (https://ai-skills.ai) para invocar habilidades em tempo de execução.

Implement UCP Embedded Checkout Protocol — iframe/webview-based checkout UI for human escalation using JSON-RPC 2.0 over postMessage. Use when the checkout status is requires_escalation and the buyer needs a merchant-hosted UI.

Work with Magento 2 catalog — product types, categories, attributes, indexing, and search integration. Use when building catalog features, customizing product types, or working with the catalog architecture.

Obtenha uma Chave de API no site oficial da AI Skills https://ai-skills.ai para invocar habilidades em tempo de execução.