Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

convert-above-fold

Engineer above-fold hierarchy for direct-response pages: 5-second comprehension test, hero rhythm, primary CTA placement, and visual scaffolding for the Four-Layer Open. Produces a wireframe spec + paste-ready HTML/CSS for the first viewport. Use when designing or rebuilding the top-of-page that must answer "what / who / next" in five seconds while seating Layer 1 (Nerve Strike) of the Open. Not for full-page sales-page assembly (use /convert sales-page) and not for live-URL teardown (use /market landing).

543 repo starsObserved in 2 repos
Design
GitHub

convert-mobile

Compress the Donahoe Method into mobile-first single-column layouts: thumb-zone CTA placement, Fitts-sized touch targets, mobile reading-pattern adaptation, sticky bottom CTA, and Method-density preservation under 375px width. Use when designing or rebuilding mobile rendering of a sales page, VSL page, lead-magnet page, or any direct-response asset where mobile traffic dominates and the Method must hold without losing layers. Not for desktop-first spec (use /convert above-fold or /convert scroll-rhythm) and not for native mobile-app design.

543 repo starsObserved in 2 repos
Design
GitHub

convert-proof-stack

Engineer visual proof stacks that map to the Donahoe Method's 5 proof types: testimonial layouts (text + photo + name + result), logo bars, video > text hierarchy, quote-photo-result cards, numerical proof, case studies. Specs paste-ready HTML/CSS for each pattern + placement rules across the page. Use when designing the proof zone of a sales page, VSL page, lead-magnet page, or any asset where Lock 2 (Trust) needs visual scaffolding. Not for writing testimonial copy from scratch (use /convert proof) and not for live-page proof teardown (use /market landing).

543 repo starsObserved in 2 repos
Design
GitHub

convert-scroll-rhythm

Orchestrate scroll depth across a long-form direct-response page: map zones to The Three Locks (Want → Trust → Excuse), engineer reading-pattern flow (F-pattern body / Z-pattern hero), place CTA anchors at decision points, and pace section transitions for The Greased Chute. Use when designing the visual flow of a sales page, VSL page, or long bridge page where each scroll position must serve a specific Method lock. Not for hero-only spec (use /convert above-fold) and not for short single-purpose pages (use /convert squeeze).

543 repo starsObserved in 2 repos
Design
GitHub

create-design-system

Comprehensive workflow for building a design system from initial audit through design tokens, component library creation, documentation, and organizational adoption. Covers the full lifecycle from visual inconsistency to a shared design language that scales across teams and products. Use when the user wants to create design system or needs a structured multi-step process for this goal. Do NOT use when the request is a single-step task or requires professional advice beyond educational guidance.

543 repo starsObserved in 2 repos
Design
GitHub

creative-portfolio-builder

Helps artists, designers, and creative professionals curate, organize, and present their work through compelling portfolios across digital platforms, personal websites, and print formats for career advancement. Use when the user asks about creative portfolio builder, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of creative portfolio builder or requires a different specialized skill.

543 repo starsObserved in 2 repos
Design
GitHub

dashboard-designer

Guide for designing effective analytical dashboards using Metabase, Grafana, and Looker including design principles, KPI selection, layout patterns, interactivity, and stakeholder-driven dashboard strategy. Use when the user asks about dashboard designer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of dashboard designer or requires a different specialized skill.

543 repo starsObserved in 2 repos
Design
GitHub

data-visualization-artist

Comprehensive guide to creating effective data visualizations with matplotlib, plotly, seaborn, and D3.js including chart selection frameworks, design principles, and publication-quality output. Use when the user asks about data visualization artist, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of data visualization artist or requires a different specialized skill.

543 repo starsObserved in 2 repos
Design
GitHub

design-portfolio-reviewer

Professional design portfolio evaluation assessing design process, craft quality, range of work, presentation, and industry alignment. Produces a scored review with recommendations for strengthening design practice and career positioning. Use when the user asks about design portfolio reviewer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of design portfolio reviewer or requires a different specialized skill.

543 repo starsObserved in 2 repos
Design
GitHub

design-system-foundations

Produces a foundational design system specification with spacing scale, type scale, color token structure, border radius, and shadow variables as a tool-agnostic token system. Use when the user asks to create a design system, define design tokens, establish a visual language, or set up consistent spacing and typography rules. Do NOT use for full brand identity (use brand-identity-brief), color palette creation (use color-palette-design), or typography pairing decisions (use typography-system).

543 repo starsObserved in 2 repos
Design
GitHub