Skills tagged "design" (831)

🎨 Performance

This skill helps you boost Next.js and React performance by applying ARC-aligned layout, SVG, and typography optimizations.

performancefrontenddesignautomation

⚙️ Personal Brand Video Skill

This skill helps you create premium Remotion-based personal brand videos with a complete storyboard, design system, and implementation plan.

designcontentgrowthproduct

🎬 Pexo Agent

This skill acts as your creative partner, turning ideas into finished, ready-to-share content across images, audio, and video without prompts or editing.

aicontentsocial-mediadesign

🎨 Pf Component

This skill helps generate PF frontend React UI components following PF conventions for atoms, molecules, organisms, and app components.

frontenddesignproductivity

🎨 Phase 3 Mockup

This skill helps you rapidly create trendy UI mockups and wireframes without a designer, with HTML/CSS/JS ready for Next.js components.

frontenddesignuxaccessibility

🎬 Photographer Vonunwerth

This skill generates Ellen von Unwerth inspired images with playful storytelling, vintage glamour, and empowering feminine photography.

designsocial-mediabrandingmarketing

🎨 Pixel Perfect Ui

This skill converts Figma designs into production-ready Next.js components with pixel-perfect accuracy and automated visual validation.

frontendnextjsdesignux

📋 Plan

This skill converts research into a rigorous architecture plan with 5 artifacts, guiding design, patterns, and risk mitigation through interactive checkpoints.

planningdocsdesignresearch

🛡️ Plan Viz

This skill visualizes planned changes as ASCII diagrams with risk, execution order, and impact metrics to inform review.

planningaidataanalytics

🧪 Platonic Code Review

This skill validates code against RFCs and design specs, generating a comprehensive report of gaps and inconsistencies without changing the code.

code-reviewtestingapidesign

🧪 Platonic Init

This skill initializes Platonic Coding infrastructure for any project, scaffolding config, templates, and RFCs while recovering missing design specs.

automationdocsplanningdesign

🔍 Platonic Workflow

This skill orchestrates the full Platonic Coding workflow from design to code review, ensuring phase visibility and seamless handoffs across all stages.

aiautomationplanningproductivity

⚙️ Plg

This skill helps design product-led growth experiences that drive activation, onboarding, and self-serve conversions to fuel growth.

productgrowthdesignanalytics

⚙️ Plotting Visualization

This skill guides you through OmicVerse plotting workflows for bulk, color systems, and single-cell visualizations, enabling reusable palettes and embedding

dataanalyticsresearchproduct

🎨 Polish

This skill performs a final quality pass to fix alignment, spacing and detail, ensuring pixel-perfect polish before shipping.

frontenddesignuxaccessibility

⚙️ Ppt

This skill generates complete PowerPoint presentations from outline, template and content, delivering structured slides tailored to audience and objectives.

pythonautomationdataanalytics

⚙️ Ppt Creator

This skill creates persuasive, ready-to-deliver slide decks from topics, including outlines, charts, speaker notes, and multiple export formats.

aiautomationdataanalytics

📊 Pptx

This skill helps you create, edit, analyze, and automate PowerPoint presentations (.pptx) using Python with design-aware, template-based workflows.

pythonautomationscriptingdesign

⚙️ Pptx Generator

This skill generates and edits professional PPTX slides and LinkedIn carousels, applying brand layouts and ensuring batch safety.

aiautomationdesigndocs

🧪 Prd

This skill generates high-quality PRDs for software features including executive summaries, user stories, technical specs, and risk analysis.

productdocsplanningai

📋 Prd Generation

This skill generates lean, actionable PRDs from design thinking artifacts, guiding development with structure without enterprise bloat.

productplanninguxwriting

🛡️ Prd V06 Architecture Design

This skill converts TECH-, RISK-, and FEA- inputs into ARC- entries and coherent system designs that guide implementation.

backendapidesignsecurity

📋 Presentation Builder

This skill helps you generate brand-aligned PPTX presentations with structured briefs and validation steps for pitch, roadmap, and product decks.

productdesignuxcontent

📋 Presentation Design

This skill helps you design compelling presentations by applying evidence-based structure, visuals, and storytelling to maximize clarity and audience

designuxcontentbranding

📋 Presentation Design

This skill helps you design and evaluate presentations that maximize audience understanding with evidence-based structure and visuals.

designuxaccessibilitycontent

📋 Presentation Partner

This skill collaborates with you to transform ideas into Talk Track v5 by interviewing, structuring, and calibrating narration for cohesive presentations.

writingcontentstrategyplanning

🎨 Pretty Mermaid Skills

This skill renders Mermaid diagrams as SVG or ASCII, with multiple themes and diagram types for fast, beautiful visualizations.

frontenddesignaccessibilityproductivity

📋 Problem Framing

This skill helps you transform fuzzy product ideas into validated problem statements, target users, and jobs-to-be-done for actionable design.

productplanningresearchdesign

🧪 Product

This skill generates UI/UX specifications and wireframes from PRD and architecture, delivering UX_SPEC.md and DESIGN_SYSTEM.md for iOS/macOS apps.

designuxproductdocs

🧪 Product Development Flow

This skill helps turn a simple product idea into a deliverable software product through an eight-stage collaborative development flow.

productplanningdesigndocs

📋 Product Tryon Visualization

This skill generates realistic product try-on visualizations to accurately depict fit, drape, and scale across diverse models for e-commerce.

aiproductuxdesign

🛡️ Programming Rails

This skill helps you apply Rails best practices across models, controllers, services, and jobs to improve structure, performance, and security.

railsrubybackendrest

🎬 Promo Video

This skill creates professional promotional videos with Remotion, AI voiceover, and background music, delivering polished, branded outputs for product launches.

marketingbrandingcopywritingcontent

✨ Prompt Export

This skill translates design artifacts into a stepwise prompts.md for Claude Code, enabling incremental code generation from problem framing to final polish.

designuxproductcli

🎨 Prompt Pro

This skill helps you design autonomous, reasoning-focused agent orchestration using ToT and ReAct patterns to optimize prompt engineering.

aiautomationproductivityscripting

🎨 Push Notification Designer

This skill designs and implements local push notification campaigns to boost mobile engagement with on-device timing and personalization.

react-nativefluttertypescriptdesign

🧪 Pw Cover Image

This skill generates hand-drawn style article covers by analyzing content and producing ready-to-use visuals with optional titles and aspect ratios.

designbrandingcontentsocial-media

✨ Pw Image Generation

This skill guides you through style analysis, prompt design, and per-image confirmation to generate consistent, cost-efficient AI images.

aiautomationscriptingdesign

✨ Pw Redbook Image

This skill converts articles into a Xiaohongshu style image series with cover, content and ending images, generating prompts and handling multi-source input.

aiautomationdesigncontent

📋 Questions Are Not Instructions

This skill helps you engage with user input before acting, asking clarifying questions and confirming feedback to guide next steps.

aiproductdesignwriting

🎨 Quieter

This skill helps you apply quiet design principles to reduce visual intensity while preserving impact and usability across interfaces.

designuxfrontendaccessibility

🎬 Qwen Image 2 Pro

This skill generates professional text-heavy images using Qwen-Image-2-Pro via inference.sh, delivering realistic renders and strong semantic adherence for

aidesignmarketingbranding

🔍 R3f Materials

This skill helps you choose and craft Three.js materials in R3F, including built-in and custom ShaderMaterial with dynamic uniforms.

performancedebuggingscriptingdesign

🧪 Rails Conventions

This skill helps you apply Rails conventions and design patterns to controllers, models, and services for clean, scalable code.

backenddesigncode-reviewrefactor

🎨 Rams

This skill performs accessibility and visual design reviews on UI components, identifying WCAG issues and design inconsistencies to improve quality.

accessibilitydesignuxfrontend

🧪 React Components

This skill converts Stitch designs into modular React components with TypeScript interfaces and automated validation to ensure clean, reusable code.

frontendcode-reviewtestingrefactor

🎨 React Composition Patterns

This skill helps you refactor React components by applying composition patterns to reduce boolean props and design flexible, reusable APIs.

frontendrefactorcode-reviewdesign

🎨 React Flow

This skill guides you in building node-based interfaces with React Flow, covering patterns, performance, and TypeScript integration.

frontendperformancedesignproductivity

🎨 React Native Design

This skill helps you build performant cross-platform mobile apps with expert styling, navigation, and animated UI using React Native and Reanimated.

designuxfrontendperformance

🎨 React Native Patterns

This skill helps you apply React Native development patterns to structure projects, manage navigation, state, and styling for scalable cross-platform apps.

frontendperformancedebuggingrefactor

🧪 React State Driven Ui

This skill helps you build predictable React UI by projecting state through reducers and events, reducing bugs and improving testability.

reactfrontendtestingdebugging

🎨 Refactoring Ui

This skill helps you apply Refactoring UI principles to create clean, scalable frontends with consistent spacing, typography, color, and depth.

frontenddesignuxrefactor

🧪 Refract

This skill reframes problems across Field, Standpoint, and Lens to surface hidden insights and generate perspective maps for decision support.

aiautomationproductresearch

🎨 Reka Ui

This skill helps you build accessible, headless Vue components with Reka UI by guiding patterns, state management, virtualization, and styling integration.

frontendaccessibilityperformancedocs

🎨 Remotion

This skill generates Remotion walkthrough videos from Stitch screens, applying smooth transitions, zoom effects, and contextual text overlays for engaging

reacttypescriptdesignfrontend

📋 Remotion Ads

This skill helps you create Instagram Reels and Carousels with Remotion, delivering ready-to-export videos and carousels aligned to safe zones and typography.

adsdesignsocial-mediamarketing

🎨 Remotion Best Practices

This skill helps you implement Remotion best practices across animations, assets, compositions, and timing for high-quality video projects.

reacttypescriptfrontenddesign

🎨 Remotion Video Creator

This skill helps you create animated videos with Remotion by turning UI concepts into TSX scenes, complete with transitions and exports.

frontenddesignuxautomation

⚙️ Report Generator

This skill generates professional, interactive SEO and GEO reports across formats, visualizations, and templates to inform strategy and decision making.

seoanalyticsdatawriting

📋 Research

This skill helps you perform deep technical research by analyzing requirements, exploring codebases, and generating evidence-based solution variants for

researchbackenddesign