realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Pair heading + body (+ optional mono) fonts from the 57 vendored pairings in data/typography.csv, returning Google Fonts import URLs and a type-scale recommendation. Use when a team needs a font combination that already works, backed by real-world pairings.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Recommend the right chart type from the 25 options in data/charts.csv based on data shape (time series, categorical, distribution, comparison, relationship, hierarchy, flow) and an audience constraint. Use when a team is designing a dashboard or analytics screen and needs to avoid common chart-choice mistakes.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Pick a WCAG-checked color palette from data/colors.csv (161 options) by product type and mood, returning full shadcn-style role assignments (Primary, Accent, Muted, Destructive, etc.) for light and dark modes. Use when a team needs a production-ready palette with contrast notes, not hand-picked hex values.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Recommend a frontend/design-system stack from data/stacks/.csv (16 stacks — React, Next.js, Vue, Svelte, Astro, SwiftUI, Flutter, shadcn, and more) with tradeoff analysis. Use when a team is starting a new product and needs to pick a stack that matches their team size, performance needs, and deployment target.
realmpastai-web/claude-design-suite
Plugin Claude Code
Streamline design operations with critique frameworks, handoff specs, sprint planning, review processes, and team workflows.
realmpastai-web/claude-design-suite
Command
Generate a developer handoff package for a design.
realmpastai-web/claude-design-suite
Command
Plan a design sprint for a specific challenge.
realmpastai-web/claude-design-suite
Command
Set up a design team workflow and rituals.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Facilitate structured design critiques with clear feedback frameworks and actionable outcomes.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Create QA checklists for verifying design implementation accuracy.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Establish design review gates with criteria, checklists, and approval workflows.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Plan and facilitate design sprints from challenge framing through prototype testing.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Create developer handoff specifications with measurements, behaviors, assets, and edge cases.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Design team workflows covering task management, collaboration rituals, and tooling.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Define version control strategies for design files, components, and libraries.
realmpastai-web/claude-design-suite
Plugin Claude Code
User research skills for designers: personas, empathy maps, journey maps, interview scripts, usability testing, and card sorting.
realmpastai-web/claude-design-suite
Command
Run a full user research cycle — persona creation, empathy mapping, and journey mapping for a product or feature.
realmpastai-web/claude-design-suite
Command
Prepare an interview script or summarize an interview transcript into structured insights.
realmpastai-web/claude-design-suite
Command
Synthesize research data into affinity diagrams, themes, and actionable insights.
realmpastai-web/claude-design-suite
Command
Design a complete usability test plan with tasks, metrics, and facilitation guide.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Organize qualitative research data into an affinity diagram with themes, clusters, and insight statements. Use when synthesizing large amounts of qualitative data from interviews, observations, or surveys.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Analyze card sorting results to inform information architecture and navigation structure. Use after conducting open or closed card sort studies.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Design a diary study plan with prompts, duration, participant criteria, and analysis framework. Use when you need to understand user behavior over time in natural contexts.
realmpastai-web/claude-design-suite
Skill Claude CodeCodex
Build a 4-quadrant empathy map (Says, Thinks, Does, Feels) to synthesize user research into actionable insights. Use when you need to quickly capture and share user understanding across the team.