Skills tagged "design" (787)

🎨 Frontend Design

This skill crafts distinctive, production-grade frontend interfaces with bold aesthetics, delivering polished components, pages, or apps that avoid generic AI

frontenddesignuxaccessibility

🎨 Frontend Design

This skill helps you design production-grade frontend interfaces by analyzing designs, generating tokens, palettes, typography, and framework-ready components.

designfrontendaccessibilityreact

🎨 Frontend Design

This skill helps you craft production-grade interactive interfaces with distinctive aesthetics using HTML/CSS/React components and motion.

frontendreactdesignux

🎨 Frontend Design

This skill helps you implement pixel-perfect frontend experiences that align with human-centered psychology and production-grade design systems.

frontenduxdesignaccessibility

🎨 Frontend Engineer

This skill helps you transform designs into stunning, responsive UI components with polished visuals, motion, and accessible interactions.

frontenddesignuxaccessibility

🎨 Frontend Enhancer

This skill enhances Next.js apps with modern UI components, palettes, and layouts to boost visual polish and user experience.

frontenddesignuxaccessibility

🧪 Frontend Implementation

This skill helps you implement robust frontend components with React, Vue, or Angular, including accessibility, validation, and responsive UI guidance.

frontenduxaccessibilitydesign

🎨 Frontend Ui Skill

This skill helps audit and build enterprise SaaS UIs with Tailwind v4, shadcn/ui, and Next.js/Vite while ensuring accessibility and performance.

frontendreactnextjstailwind

🎨 Frontend Ui Ux

This skill helps you craft stunning UI/UX by guiding typography, color, spacing, and motion decisions for cohesive interfaces.

designuxfrontendaccessibility

🎨 Frontend Ui Ux

This skill helps you craft visually stunning, cohesive UI/UX by translating design intent into pixel-perfect code with thoughtful interactions and

frontenddesignuxaccessibility

🎨 Frontend Ui Ux Engineer Skill

This skill helps transform plain UI components into visually stunning, accessible, responsive interfaces with polished micro-interactions and design-driven

frontenduxdesignaccessibility

🧪 Frontend Web Dev Skill

This skill helps you design scalable frontend architectures, implement accessible UI, and optimize performance with modern tools and cross-platform workflows.

frontendperformancedesignux

🎨 Frontend_aesthetics

This skill helps you design unique, immersive frontend aesthetics by selecting distinctive typography, cohesive color themes, and expressive motion to elevate

frontenddesignuxperformance

🎨 Frontend_design_system

This skill translates UI design requirements into production-grade frontend code with design tokens, accessibility compliance, and artistic execution.

frontenddesignuxaccessibility

🛡️ Functional Designer

This skill designs functional architectures and detailed PHP/CakePHP specifications from requirements to guide development and ensure consistent, scalable

designbackendapidatabase

📋 Game Design Theory

This skill helps you master game design theory including MDA, balance, and player psychology to create engaging, rewarding gameplay experiences.

designresearchplanningux

🧪 Gemini Image

This skill generates high-quality images from prompts using Google's Gemini and Imagen models, offering multiple outputs, aspect ratios, and resolutions.

aiautomationscriptingapi

🎨 Generate

This skill generates custom images using Gemini 2.5 Flash for frontend designs, illustrations, icons, or hero images from user prompts.

aifrontenddesignux

⚙️ Generate Slide

This skill automatically generates project intro slide images using Nano Banana Pro, delivering ready-to-share visuals and a quality-checked best set.

aiautomationdesignux

⚙️ Generate Video

This skill automates product demo video generation using Remotion, analyzing codebase, planning scenes, and parallel rendering to deliver visuals.

automationremixjavascriptproduct

🧪 Gentleman Trainer

This skill helps you design and implement Vim training modules, exercises, and boss fights for the Gentlemen trainer system.

scriptingdesignproductivitydebugging

🧪 Go Interfaces

This skill helps design Go interfaces with registry, middleware, and hooks for Beluga AI v2, enabling extensible contracts and runtime customization.

godesignapibackend

🧪 Godot Design

This skill provides design guidelines for Godot GDScript interfaces focusing on testability, maintainability, and TDD-friendly patterns.

designtestingpythoncode-review

🐛 Godot Dev

This skill helps you develop Godot games efficiently by guiding scene structure, GDScript patterns, and common tasks with practical examples.

scriptingdebuggingproductivitydesign

🔍 Godot Development

This skill helps you develop Godot 4 games efficiently by applying best practices for nodes, signals, resources, and performance.

performancedebuggingdesignscripting

🎨 Godot Ui

This skill provides expert guidance for Godot UI creation, theming, responsive layouts, and common patterns to accelerate menus, HUDs, inventories, and

designuxproductivityperformance

📝 Governance

This skill creates governance documents such as ADRs and CRs to capture architectural decisions and requirement changes for projects.

docsplanningproductdesign

📋 Graphrag System Design

This skill guides you in designing complete GraphRAG systems, selecting patterns, stacks, and domain customizations for robust real-time reasoning.

aidatabasedatacloud

📋 Growth Loops

This skill helps you design, model, and optimize growth loops to drive compounding user growth across viral, content, paid, and sales engines.

growthanalyticsstrategyproduct

🧪 Gs Modularity Maturity Assessor

This skill assesses Clean Architecture maturity and Dependency Rule compliance to improve code quality and maintainability across domains.

backendrefactorcode-reviewtesting

🎨 Gsap Scrolltrigger

This skill helps you create engaging scroll-driven animations using GSAP ScrollTrigger, enabling pinning, scrubbing, snapping and parallax effects.

frontendperformanceautomationscripting

📋 Gtk Ui Ux Engineer

This skill crafts native-feeling GTK desktop apps following GNOME HIG, focusing on modern GTK4 patterns, theming, accessibility, and responsive theme-aware

designuxaccessibilitypython

📋 Halo Effect Psychology

This skill helps you leverage the halo effect to optimize first impressions, brand perception, and feature presentation across onboarding and marketing.

designuxproductbranding

🧪 Hashimoto

This skill helps you design developer-friendly CLIs with consistent patterns, helpful errors, and machine-readable output inspired by HashiCorp UX.

cliuxdesignproductivity

🎨 Html Presentation

This skill generates professional HTML presentations using reveal.js from markdown content, with responsive design, code highlighting, and speaker notes.

frontenddesignuxaccessibility

🧪 Hypothesis Testing

This skill helps you transform observations into testable hypotheses and rigorous experimental plans with clear falsifiability criteria.

testingunit-testsintegration-testsdata

🎨 Hyva Child Theme

This skill creates a complete Hyva child theme with proper structure and Tailwind setup for Magento 2 projects.

frontenddesignuxcli

⚙️ Icon Generation Skill

This skill generates customizable PNG icons with text and color options, enabling quick app icons, placeholders, or simple graphics.

designuxscriptingcli

🎨 Icon Retrieval

This skill retrieves up to five matching icon SVG strings from a library, helping you quickly source visuals for dashboards, designs, and infographics.

frontenddesignapijavascript

📋 Idea

This skill helps you transform raw ideas into validated MVP definitions by researching problems, identifying early customers, and scoping minimal features.

planningproductresearchux

📝 Ideate

This skill captures and documents a new idea in design/ideas with a summary, research, and an illustrative sketch.

designuxresearchproduct

✨ Illustration

This skill generates high quality image prompts for AI image generators, tailoring subject, color, style, mood, and lighting for clear results.

designaicontentplanning

⚙️ Image Generation

This skill generates and edits images using AI, enabling product placement, style transfer, and multi-image composites to boost visual storytelling.

aiautomationproductdesign

📋 Image Generation

This skill generates and edits images with Gemini via Python SDK, supporting text-to-image, edits, and multi-reference composition.

aiapiclouddesign

🧪 Image Generation

This skill helps you generate and edit images in various formats and aspect ratios, with upscaling and management capabilities.

aiautomationdesignux

✨ Image Skill Builder

This skill helps you create a fully configured batch image generation Skill through guided questions, generating complete files and prompts automatically.

aiautomationdesignscripting

🎨 Imagen

This skill generates images using Google Gemini to create UI mockups, icons, diagrams, and illustrations for any project.

aifrontenddesignux

⚙️ Images

This skill generates on-brand blog post thumbnails for Skill Stack using a structured concept brainstorm and Gemini API workflows.

designbrandingcontentai

🎨 Immersive Visuals Router

This skill orchestrates multiple domain routers for immersive 3D visuals, shaders, particles, and audio to deliver cohesive experiences.

performancescriptingfrontenddesign

🧪 Implementation Verification

This skill verifies that implementations conform to documented specifications, checking interfaces, data models, and architecture to ensure compliance and

backendtestingcode-reviewdocs

🎨 Implementing Navigation

This skill guides implementing navigation and routing across frontend and backend, enabling accessible menus, routing patterns, and server-side configuration.

frontendbackendfullstackdesign

🎨 Infinite Tunnel

This skill helps you create mesmerizing infinite tunnel effects with Three.js and GSAP for immersive 3D scrolling experiences.

frontendperformancedebuggingdesign

📋 Influence Psychology

This skill helps you ethically apply Cialdini-inspired persuasion to product design, messaging, onboarding, and referrals, with scoring and actionable

marketingcopywritingdesignproduct

📋 Infographic

This skill helps you create impactful infographics quickly by applying ready-to-use templates for timelines, roadmaps, comparisons, and SWOT analysis.

designdatamarketingstrategy

📋 Infographic Creator

This skill helps you generate and customize infographic visuals from text using AntV Infographic, enabling quick, shareable data graphics.

aidatadesignux

🎨 Infographic Item Creator

This skill generates complete TypeScript infographic item components and registration logic for the repository, ensuring correct layout and compliance with

aifrontenddataanalytics

🎨 Infographic Structure Creator

This skill generates or updates infographic structure components in TypeScript projects, ensuring layout logic, composition, and correct registration per

frontendaidatadesign

📋 Infographic Syntax Creator

This skill generates AntV Infographic syntax output from user content, selecting templates, organizing data, and applying themes for clear visuals.

aidataanalyticsdesign

🎨 Interaction Design

This skill helps you craft engaging microinteractions and smooth transitions to improve usability and delight users across ui components.

designuxaccessibilityproduct

🎨 Interaction Physics

This skill helps you craft deliberate microinteractions, timing, and accessibility-conscious feedback to guide users and improve perceived performance.

designuxaccessibilityfrontend