Skills for product design
This repository also configures its own agents. See what Skills tells them →
Skill Claude CodeCodex
Write external-facing changelog and release note entries in a pithy, tastefully sassy, occasionally clever voice that makes software updates fun to read without burying what actually shipped. Use this skill whenever someone asks to write, draft, or review a changelog entry, release notes, "what's new" post, or product…
Skill Claude CodeCodex
Unpacks poorly written Jira or Azure DevOps tickets into design-relevant framing. Use this skill whenever a designer pastes in a ticket description, acceptance criteria, or any product/engineering requirement and wants to understand what the actual design work is. Trigger when someone says things like "can you help me…
Skill Claude CodeCodex
Help designers articulate the cognitive science, behavioral psychology, and platform standards behind their design decisions. Use this skill when a designer needs to explain why they made a decision in a critique, design review, or stakeholder meeting. Also use when auditing a screen for principle alignment, preparing…
Skill Claude CodeCodex
Facilitates a structured behavioral assessment interview for IC designer levels, incorporating AI fluency across competency areas. Use this skill when someone wants to run a designer self-assessment, a manager assessment of a designer, or set up an IC level calibration session. Trigger whenever someone mentions…
Skill Claude CodeCodex
Framework-based skill for B2B product positioning, GTM strategy selection, and website messaging. Use when someone asks for help positioning their product, choosing a GTM strategy, writing homepage or website copy, messaging for different buyer personas, content strategy by awareness stage, or ad and landing page…
Skill Claude CodeCodex
Analyze UI mockups, screenshots, or prototype frames to identify all trackable interactions and generate a complete analytics event taxonomy table, including multi-step task/flow completion events. Use this skill whenever a designer uploads a screen, mockup, prototype screenshot, or UI frame and wants to know what…
Skill Claude CodeCodex
Apply UX content writing principles to review existing UI copy or write new UI copy from scratch. Use this skill whenever someone asks you to: review, audit, critique, or improve UI text, error messages, button labels, tooltips, empty states, permission prompts, onboarding copy, form helper text, accessible labels or…
Skill Claude CodeCodex
Component selection rubrics organized by job-to-be-done. Use after vois-patterns determines structure, before vois-tokens applies tokens. Optionally records each choice via the voisrecordcomponentchoice MCP tool if one is available. Use when deciding between similar components — Dialog vs Drawer, Toast vs Banner…
Skill Claude CodeCodex
Structural decision trees for container types, form states, table layouts, and page-level patterns. Use before vois-tokens. Routes to righter skill for all microcopy (labels, errors, buttons, helpers). Use when building pages, forms, features, workflows.
Skill Claude CodeCodex
Rules and patterns for building UI with shadcn/ui, Tailwind v4 or StyleX, and Motion against a Vois design token set. Use when building components, pages, or any UI that should conform to the workspace design system. Covers spacing, typography, color tokens, component architecture, animation, accessibility, and modern…
Skill Claude CodeCodex
Write or review long-form thought-leadership content: Medium/blog posts, LinkedIn essays, newsletter pieces, and the narrative sections of a deck or GTM page. Uses a persona and voice blended from Nancy Duarte's storytelling structure and Wes Kao's operator-voice frameworks. Trigger when someone asks to write, draft…
Skill Claude CodeCodex
Turns raw survey results (scores + open-text comments) or any pile of qualitative feedback (reviews, support tickets, open-ended comments) into a scored, statistically-tested, thematically-coded synthesis with severity-ranked findings. Trigger when someone pastes raw survey data, a CSV of responses, or a pile of…
Skill Claude CodeCodex
Orchestrates survey-architect, feedback-synthesizer, and research-reporter as an iterative research loop that routes back upstream when a downstream step can't proceed cleanly, with per-study state and a per-product longitudinal benchmark. Use this as the single entry point for any UX research task — a new study, raw…
Skill Claude CodeCodex
Turns a feedback-synthesizer output into a stakeholder-ready report — exec summary, methodology, benchmark comparison, and prioritized recommendations — formatted for the audience reading it (markdown or Notion for internal readers, Word for formal/external stakeholders). Trigger when someone has synthesis output…
Skill Claude CodeCodex
Turns a research question into a validated, deploy-ready survey: a short intake, the right instrument for what's being measured (SEQ, SUS, UMUX-Lite, SUPR-Q, NPS, CSAT, CES, PSSUQ, or a custom item set), and a platform-native file for Qualtrics, Typeform, or an in-app survey. Trigger when someone says "I need to…
Skill Claude CodeCodex
Design new onboarding flows or evaluate/critique existing ones — signup sequences, setup checklists, first-run wizards, personalization quizzes, permission priming, paywalls — for SaaS/web products or consumer/mobile apps. Use this whenever someone asks to design, build, spec, improve, review, audit, or critique…
Skill Claude CodeCodex
Condition-gated paywall, checkout, retention, referral, and monetization-awareness patterns sourced from published A/B test case studies (abtest.design / Mobbin). Routes structure to vois-patterns, copy to righter, and instrumentation to metrics-tagging. Use when a ticket touches paywalls, trials, checkout, upsells…
Skill Claude CodeCodex
Data visualization and dashboard rules for web apps. Use whenever a screen contains a chart, graph, sparkline, KPI tile, heatmap, map, or data-heavy dashboard, whether you are building it, picking a chart type, choosing chart colors, designing filters or date ranges, designing loading and empty states for data, or…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: