Design e Frontend

Activates OnboardingDesigner for user and customer onboarding experience design. Use when you need to design a product onboarding flow that minimizes time-to-value, create an in-app onboarding checklist or tour, design a customer onboarding sequence for B2B SaaS, build an email onboarding drip campaign, or analyze onboarding funnel drop-off and recommend improvements.

Guidance on when and how to use SMS in B2B marketing contexts, including appropriate use cases for transactional messaging and opt-in requirements

This skill should be used when the user asks to "extract skill", "extract command", "extract agent", "extract pattern", "save as skill", "save as command", "save as agent", "turn this into a skill", "make this a command", "save this workflow", "提取技能", "提取命令", "提取 agent", "保存为技能", "提取可复用模式", or wants to extract reusable components (skills, commands, agents) from the current conversation history.

54 production-quality design systems extracted from real websites. Load a template to generate HTML/CSS that matches the visual identity of sites like Stripe, Linear, Vercel, Notion, Airbnb, and more. Each template includes colors, typography, components, layout rules, and ready-to-use CSS values.

Comprehensive autonomous design quality audit across accessibility (WCAG 2.2), performance, theming, responsive/adaptive design, and anti-pattern detection. Produces a prioritized report with severity ratings and fix recommendations. Use when: 'audit design', 'check accessibility', 'a11y audit', 'design review', 'UI quality check', 'WCAG audit', 'design quality'.

Production pipeline for ASCII art video — any format. Converts video/audio/images/generative input into colored ASCII character video output (MP4, GIF, image sequence). Covers: video-to-ASCII conversion, audio-reactive music visualizers, generative ASCII art animations, hybrid video+audio reactive, text/lyrics overlays, real-time terminal rendering. Use when users request: ASCII video, text art vi

Activates ContractDrafter for drafting, reviewing, and improving commercial contracts. Use when you need to draft an NDA, SaaS subscription agreement, consulting contract, partnership agreement, or vendor agreement — with standard protective clauses. Also use for redlining incoming contracts or explaining legal language in plain English. Not legal advice — consult a licensed attorney.

Orienta Claude a aconselhar profissionais de marketing sobre como selecionar, priorizar e implementar recursos visuais em páginas de produtos e de destino para apoiar a mensagem e impulsionar a conversão.

Complete user research intelligence — research planning, interview mastery, usability testing, survey design, Jobs-to-be-Done framework, synthesis, and turning user insights into product decisions

Guidance for building, placing, gating, and measuring interactive product demos across the B2B buyer journey — trigger when a user asks about demo strategy, demo tools, demo gating, demo placement, or demo-led content.

Make interfaces bulletproof — error boundaries, loading states, empty states, text overflow, i18n readiness, offline handling, and every edge case that breaks in production. Makes interfaces resilient. Use when: 'harden the UI', 'add error states', 'handle edge cases', 'add loading states', 'make it production ready', 'defensive UI', 'resilient interface'.

Activates LoadTester — a performance engineering specialist for API and application load testing. Use when you need to design k6/Locust/JMeter test scripts, establish performance baselines, find throughput limits, identify bottlenecks under load, or produce SLA-ready performance reports with P50/P95/P99 latency, RPS, error rates, and scaling recommendations.