Menu
SkillsMP has collected 40 skills from KevinGutowski/Skills. Open a skill to review its source and details.
Showing 40 of 40 collected skills.
Raise design quality and interface feel through craft methodology (noticing, range vs depth, facets, live tuning), execution values (shadows, spacing, radii, alignment, motion, type), and Linear-style quality rituals/triage. Use to critique or polish UI,…
Build, govern, and scale a design system — tokens, theming/multi-brand, governance, adoption as a measured product, DS-as-AI-context, icon systems. Use for creating or auditing a design system or icon set, token taxonomies, adoption planning, or wiring a DS…
Build distinctive, production-grade web UI — components, pages, apps — with a bold committed aesthetic, avoiding generic AI slop. Use when generating or building frontend interfaces. Craft rules/motion values → web-design (web-animation-design); restrained…
Win org buy-in for design via business-case framing. Use when pitches stall, PMs push back, manager relationships need repair, or at review/promo time. Your own reports → people-management; product decision quality → product-decision-making; pitch craft →…
Apply Apple's eight design principles — purpose, agency, responsibility, familiarity, flexibility, simplicity, craft, delight — to guide and critique design decisions. Use when making high-level design choices, evaluating whether a feature is well-designed,…
Run a team of direct reports — 1:1s with reports, trust, feedback, career growth, hiring/firing, team comms. Use when new to managing, handling an underperformer, running career conversations or skip-levels. Influence up/sideways, your own promotion, and 1:1s…
Make product decisions with data, design judgment, and user-problem clarity. Use when deciding whether to build a feature, interpreting metrics, reviewing a product proposal, distinguishing optimization from new-behavior bets, or choosing who should own a…
Designs and writes user onboarding — empty states, first-run flows, signup-step cutting, setup wizards, lifecycle emails — selling the better user, not the product. Use when shaping what new users see first, writing onboarding or welcome copy, or handling…
Plan and run user research — pick the method for the question, recruiting/screening, synthesis into decisions. Use when writing a research plan/screener/field guide or choosing among interviews, diary studies, usability/A/B/tree tests. Prototype sessions →…
Router for UX writing: product voice, microcopy, error/validation messages, settings IA, option labels, feature names, plan names, and button labels. Use when the words appear in the UI. Long-form prose → write-clear-prose; onboarding flow/empty-state…
Router for web design: layout/responsiveness, typography, accessibility, animation, performance, forms, OKLCH/color, Tailwind, and social-video safe zones. Use for web/CSS craft decisions. Building distinctive UI → frontend-design; polish/feel → design-craft;…
Drafts, revises, critiques, and coaches nonfiction prose for clarity, simplicity, structure, rhythm, voice, and audience — Zinsser-school craft. Use for essays, articles, business or technical writing, emails, speeches, opinion pieces, or…
Router for Ruby/Rails work: Rails Guides, official reference apps, four schools (incl. packwerk), Active Record associations, webhooks, migrations, security, jobs, Hotwire/realtime, testing, Docker dev, performance, upgrades, Inertia, refactoring. Use for…
Teams working with AI as a tool: coding agents on real repos, AI-generated UI repair, and org enablement. Use for AGENTS.md/CLAUDE.md rules, vibe-coding security, multi-agent workflows, planning big work as agent-sized decision tickets, layout diagnosis,…
Run a holistic, evidence-based review of a web interface across accessibility, layout, writing, typography, color, performance, and polish. Use for whole-screen, flow, feature, or product UI audits; supports quick and full modes. Building rather than…
Designs courses, workshops, training, tutorials, and job aids that change behavior — gap diagnosis, practice, feedback, motivation, transfer. Use when people need to learn a skill or adopt a process. Product onboarding →…
Clarify life or career direction, define work fit, turn vague ambitions into experiments, build habits, and decide whether to persist or change course. Use when someone feels stuck, is reconsidering success, cannot follow through, or needs a recovery-aware…
Create Claude skills following best practices: structure, naming, descriptions, progressive disclosure, testing, and converting sources into skills. Use for authoring or improving skills, or encoding a book, guide, codebase, PR history, or visual reference…
Prototype and present design work across three tiers — fake-it (Keynote Magic Move), real code (SwiftUI as a design tool), and agents (collaborators, never designers). Use when validating an idea before building, exploring or converging on UI variants,…
Design AI/ML-backed product features — confidence as actions, attributions, calibration, corrections, agent surfaces, prompting/safety/eval (incl. Apple's on-device Foundation Models). Use when designing ML/LLM features or agent UX inside a product. Fixing…
Router for Apple platform design: navigation, search, typography, visual accessibility, Liquid Glass/iOS 26, brand identity, app icons, App Intents/Shortcuts, HIG lookup, and chart experience. Use for HIG/current-spec questions or Apple design decisions.…
Grow an audience-led indie product as a designer/maker — build in public from the prototype stage, problem-first demos, the marketing↔product loop, company-of-one economics. Use when launching a side project, building an audience for it, or operating as a…
Run and price client design work: qualification, kickoff, feedback systems, health signals, difficult clients, kill fees, value-based pricing, objection scripts, and walk-away calls. Devtool pricing/GTM → devtools; indie economics → building-in-public;…
Build procedural/generative visual systems: canvas/p5/Processing sketches, particles, steering agents, automata, fractals, noise, and evolutionary variation. Use when making generative art, interactive sketches, simulation-driven visuals, or code-first visual…
Design, choose, and critique data visualizations. Use when picking chart types (line, bar, dot, scatter, histogram, heatmap, map), reviewing fit/integrity, polishing editorial or interactive charts, or applying Tufte principles: graphical integrity, data-ink,…
Build products for developers: devtool interface design, CLI/panel UX, agent experience, devtool onboarding, landing pages/copy/PMF, and OSS strategy. Use for developer-facing product design or GTM. Building the UI itself → frontend-design; client pricing →…
Review Ruby/Rails code in DHH's literal review voice - terse, opinionated, allergic to over-engineering - calibrated against ~200 of his real Fizzy PR comments. Use when the user runs /dhh or asks for a DHH-style review of a diff, file, or recent changes.…
Make app features discoverable — first launches that lead with content, the five discoverability principles, and TipKit. Use when designing a first-run experience, deciding what's visible vs hidden, adding gesture hints, or fixing features users never find.…
Explain the technical fundamentals beneath design software — how screens, color spaces, touch sensing, fonts, vector graphics, rasterization, blurs, and image compression work. A reference backstop when a design task needs the underlying mechanism…
Design and ship a physical product — position the form factor first, prototype physical things, choose input methods, survive manufacturing reality. Use when designing hardware or a connected device, planning physical prototyping, or working with…
Create brand marks, badges, and identity systems via the Peters method — brand nouns, 50 sketches, noun combination, B/W presentation. Use when designing or evolving a logo or decoding 'make the logo bigger'. App icons and brand in iOS → apple-design.…
Design software users can reshape — expose structure instead of modes, design for the 40th hour, human-AI collaboration as version control. Use for customization, end-user tooling, or AI features that modify the product. Tool-UI conventions → devtools; AI…
Animation skill for Motion (prev Framer Motion) and CSS animation. Provides best practices (vanilla JS, React, Vue, Base UI, Radix), docs search, CSS spring generation, MotionScore perf audit. Use for animations (motion/react, motion-v), CSS linear() springs,…
Design notifications worth receiving on Apple platforms (iOS/watchOS) — when a notification earns the interruption, timing and frequency, grouping, and the self-contained package incl. Apple Watch. Use for notification strategy, permission flows, threading,…
Plan and troubleshoot photographic lighting for portraits, product/still-life, and field shoots using hard/soft light, direction, fill, bounce, and family-of-angles tests. Use when lighting a photo or diagnosing glare/shadows/reflections. Use…
Router for research, archiving, and cataloging: provenance bundles, OCR/transcription, exhaustive source sweeps, translation promotion, catalog reconciliation, NocoDB/Airtable ops, and archival image compression. Use before conversion skills to cover a whole…
Optimize and verify multi-stop driving routes (delivery, errands, ride-along visits). Use when user has a list of addresses and wants the best order, or wants to diagnose why an existing route has backtracks, U-turns, or detours. Triggers on: multi-stop…
Scope and bet on product work — four schools: Basecamp Shape Up (appetite, fat-marker shaping, betting table, 6-week cycles, scope hammering), Linear craft (no handoff/PMs, taste over data), Evil Martians sprints, metrics-led strategy (Perri/Klein/Lean UX).…
SwiftUI implementation and Apple-platform craft — view identity/state resets, layout containers, lazy stacks/scroll performance, springs/transitions/shaders, Swift 6 concurrency, gestures/hit targets, widgets, SF Symbols, app sounds. Read the body, then one…
Reads public X (Twitter) posts without auth — single tweets, a user's timeline, top ~100 tweets, or topical tweets. Use when the user pastes an x.com/twitter.com status URL or asks for a user's tweets. For authenticated X API operations (mentions, followers,…