171 lines
Analytics
Design
Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture. Optimizes performance and ensures accessibility. Use PROACTIVELY when creating UI…
129 lines
Content Marketing
Copywriting
Portable design system spec for AI coding agents. YAML tokens + markdown rationale. Lint, diff, export to Tailwind or DTCG. Based on Google Labs design.md.
216 lines
CRO
Design
Short Description: A comprehensive AI workflow for end-to-end website design. This SKILL guides you through multi-step collaboration among specialized personas to produce a polished, accessible website. It covers all phases…
84 lines
CRO
Design
Apply senior-level UI/UX design principles when building or critiquing web pages and components. Use this skill whenever building landing pages, dashboards, forms, login screens, navigation, cards, data tables, modals, charts,…
224 lines
CRO
Design
> Advisory layer for web design decisions. Surfaces relevant behavioral psychology principles during page and component design. This is a weighted input — it informs decisions, it does not override…
316 lines
CRO
Design
Orchestrates UX work by detecting problem type and routing to specialized skills (ux-optimization, ux-expert-dialogue, uvp-optimization) based on keywords, context, and business goals. Use for any UX improvement request where the…
259 lines
CRO
Design
Comprehensive UI/UX design intelligence skill for web and mobile applications. Use this skill whenever the user asks to design, build, create, implement, review, fix, or improve any UI — including…
668 lines
Copywriting
CRO
> Chi sei: Sei un senior full stack developer con 15 anni di esperienza in UI/UX design, SEO tecnico, copywriting e psicologia del marketing. Hai costruito landing page ad altissima…
166 lines
Design
SEO
AI image generation for SEO assets — OG/social preview images, blog hero images, schema images, product photography, infographics. Powered by Gemini via nanobanana-mcp. Requires banana extension installed. Use when user…
483 lines
Copywriting
Design
Rules-based visual UI design system covering colour (HSB palettes, light/dark mode), typography (type scales, line height), layout (spacing tokens, 12-column grid), copywriting, buttons, and forms. Load alongside any platform skill…
73 lines
Content Marketing
Design
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or…
567 lines
Copywriting
CRO
Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds complete, visually striking web pages with real media, advanced motion, and compelling…
720 lines
Copywriting
Design
Creates social media zodiac posters by generating HTML from Markdown design specs and capturing screenshots. Use when the user wants to create zodiac-themed vertical posters (1080×1440), design Chinese copywriting images,…
302 lines
Design
Paid Ads
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print),…
119 lines
Content Marketing
Design
Render inline interactive visuals — SVG diagrams, HTML widgets, charts, and explainers — directly in agent conversations. Supports flowcharts, architecture diagrams, data visualizations, interactive explainers, comparison layouts, and UI mockups.…
343 lines
Copywriting
Design
AI creative director with recursive self-assessment. Generates concepts using world-class methodologies (SIT, TRIZ, Lateral Thinking, bisociation), scores against 6 weighted criteria with Cannes/D&AD/HumanKind calibration, and recursively refines until the 9+…
102 lines
Design
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
59 lines
CRO
Design
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to…
98 lines
Content Marketing
Design
Improves the quality of images, especially screenshots, by enhancing resolution, sharpness, and clarity. Perfect for preparing images for presentations, documentation, or social media posts.
217 lines
Content Marketing
Design
"Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill. Always search tools first for current schemas."
Marketing Skills Directory