Skills tagged "design" (831)

⚙️ Dashboard Design

This skill guides you through a 3-step Vizro dashboard workflow (requirements, layout, visualizations) to ensure clear design before building.

dataanalyticsdesignux

2

🎨 Datavis

This skill helps you build interactive, accessible and accurate data visualizations across D3.js, Plotly, and Python libraries to reveal truth in data.

dataanalyticspythonfrontend

2

🧪 Dependency Injection

This skill explains and demonstrates myfy dependency injection with scopes, providers, and route integration to improve modularity and testability.

backendapidatatesting

2

📋 Design

This skill helps you design premium dashboards and admin interfaces by guiding direction, craft principles, and a 9-phase implementation.

designuxproduct

2

📋 Design First Dev

This skill helps you apply design-led thinking to build coherent, polished user experiences by focusing on states, craft, and storytelling.

designuxproductai

2

🧪 Design Patterns

This skill helps you design flexible, maintainable systems by applying classic design patterns with Python examples to refactor complex code.

designpythonrefactorcode-review

2

🎨 Design Reverse Engineer

This skill analyzes reference websites to reproduce Split Lease visual design across public pages, preserving content while applying matched styling.

designuxfrontendaccessibility

2

⚙️ Designing Architecture

This skill helps you design and analyze software architectures using discovery protocols, ADRs, and system design workflows to ensure quality.

backenddesignplanningdocs

2

📝 Document Guideline

This skill enforces comprehensive project documentation standards across design, folders, and code interfaces to improve clarity and maintainability.

docslintingplanningproductivity

2

⚙️ Enclosure Designer

This skill helps you quickly design 3D-printable enclosures for Arduino and ESP32 projects with parametric OpenSCAD templates and print guidance.

pythondesigncliautomation

2

🛡️ Enterprise Code Architect

This skill guides enterprise architecture decisions, enforcing hexagonal patterns and repository strategies to scale systems beyond 100M users.

backendstrategydesignci-cd

2

✨ Fashion Model Photography

This skill generates professional fashion photography prompts with model direction, styling, lighting, and composition for editorial and commercial campaigns.

designbrandingcopywriting

2

⚙️ Figma Skill

This skill reads Figma files, exports assets, lists components and styles, and manages comments to streamline design handoff.

designuxproductivityautomation

2

🎨 Flutter Skill

This skill guides Flutter app development with universal UI/UX, state management, networking, and API integration to ensure consistent, reusable patterns.

flutterdesignuxapi

2

🎨 Frontend Design

This skill helps you craft distinctive, production-grade frontend interfaces with bold aesthetics and accessible, performant code.

frontenddesignuxaccessibility

2

🎨 Frontend Design

This skill helps you style Blazor MudBlazor components with responsive CSS isolation and material design patterns for scalable UIs.

frontenddesignuxaccessibility

2

🎨 Frontend Dev

This skill helps you craft production-grade frontend interfaces with bold, memorable aesthetics across components, dashboards, and pages.

frontenddesignuxaccessibility

2

🧪 Frontend Engineer

This skill guides you to understand product requirements and build interactive frontend pages that deliver a polished user experience.

frontenduxperformancedesign

2

🎨 Frontend Ui Animator

This skill analyzes a project and implements purposeful UI animations for Next.js and Tailwind to enhance hero scenes, hover, and navigation.

frontenduxaccessibilityperformance

2

🧪 Frontend_design_expert

This skill helps you craft elegant, accessible UI components with polished visuals, tasteful color systems, and responsive interactions.

frontenddesignuxaccessibility

2

🎬 Generate Image

This skill generates and edits high-quality images using OpenRouter models for photos, illustrations, concept art, and visual assets.

aidesigncontentbranding

2

📋 Generate Names

This skill helps you generate brand name ideas tailored to your business, audience, and values, with multiple styles and practical evaluation.

brandingmarketingaidesign

2

🧪 Gentleman Bubbletea

This skill helps you implement and navigate Bubbletea TUI screens in the Gentleman installer, streamlining state, input handling, and screen transitions.

cliscriptingdebuggingtesting

2

🔍 Godot Camera System

This skill configures and optimizes Godot 2D camera systems for multi-character games, delivering smooth follow, dynamic framing, and adaptive view controls.

debuggingperformancedesignproductivity

2

🧪 Godot Tdd

This skill orchestrates the Godot TDD flow, coordinating design, tests, implementation, and verification to ensure code quality and rapid feedback.

testingdesignpythoncode-review

2

⚙️ Godot Ui Designer

This skill generates a complete Godot 4.5 UI system from natural language descriptions, including responsive layouts, menus, HUDs, and dialogs.

designuxaccessibilityperformance

2

🔍 Gof Patterns

This skill helps reviewers identify GoF design pattern opportunities in Jakarta EE and MicroProfile code, improving structure and maintainability.

designrefactorcode-reviewbackend

2

✨ Google Image Gen

This skill generates images from text prompts using the Google Gemini API, enabling quick creation and editing of visuals.

aiapidesignautomation

2

🔍 Graphql Schema Design

This skill guides GraphQL schema design by applying best practices for types, fields, pagination, naming, and documentation to improve clarity and

backendapidocsdesign

2

🎨 Gui Design Principles

This skill guides GUI design by applying visual hierarchy, color theory, typography, and responsive layouts to create accessible, usable interfaces.

designuxaccessibilityfrontend

2

✨ Image Generate

This skill generates high-quality hand-drawn or standard images from user prompts, with smart prompt optimization and auto-save features.

aiautomationdesigncloud

2

🧪 Implementation Approach

This skill helps you select and document a robust implementation strategy using meta-cognitive analysis, risk control, constraints, and verification plans.

aistrategyplanningdesign

2

🔍 Interface Segregation

This skill helps you design focused interfaces by applying the Interface Segregation Principle, avoiding throw and no-op methods and promoting cohesive,

designrefactorcode-review

2

🧪 Interview

This skill guides a deep, structured interview to produce a detailed spec file for any project by clarifying goals, constraints, and tradeoffs.

docsdesignuxapi

2

🎨 K Fenui

This skill helps you build consistent, themed FenUI WoW addons by guiding layout, widgets, and theming across panels, frames, and tabs.

frontenduxaccessibilitydesign

2

📋 Layer Definitions

This skill helps assign L1-L5 pedagogical layers to content, ensuring prerequisites and progression align with AI involvement.

aicontentstrategydesign

2

📋 Lecture Designer

This skill helps instructors transform textbook chapters into engaging, evidence-based lectures with Google Slides, guiding outcomes, narrative design,

designcontentaccessibilitywriting

2

🎨 Makepad Basics

This skill helps you create and modify Makepad apps using live_design patterns, app structure guides, and event handling examples.

frontenddesignuxdocs

2

🎨 Maps

This skill helps you create interactive map visualizations with topojson and dotted maps, enabling choropleth coloring, pins, and regional insights.

vuefrontenddataanalytics

2

🧪 Mcp Server Design

This skill guides designing MCP servers optimized for agent reasoning, providing task-focused tools, minimal complexity, and actionable guidance for scalable

aibackenddesigndevops

2

✨ Media Generation

This skill generates images and videos from text prompts or edits visuals using StableStudio's x402 models for fast, high-quality visual content.

aiapiautomationcloud

2

⚙️ Miro Skill

This skill helps you create and manage Miro boards for strategy, architecture, and sprint planning using MCP with color-coded elements.

strategyplanningproductivitydesign

2

📋 Module Development

This skill helps you design and integrate modular Python applications with the myfy module protocol, lifecycle phases, and extension patterns.

backendapidatadesign

2

⚙️ Nano Banana Build

This skill generates and edits high-quality images using Gemini Nano Banana models, enabling text-to-image, style transfer, and precision edits.

aiautomationpythonapi

2

🎬 Nano Banana Prompting

This skill guides you in crafting effective Nano Banana Pro prompts by clarifying intent and applying proven prompting techniques.

aidesignuxcontent

2

📋 Notion Infographic

This skill converts articles into a cohesive set of Notion-style hand-drawn infographics for social media sharing and visual storytelling.

designcontentsocial-mediamarketing

2

⚙️ Nsfc Schematic

This skill helps you generate editable NSFC schematics and deliver embedded visuals from proposals, enabling multi-round optimization and editable .drawio

aiautomationdesignpython

2

🎨 Obsidian Canvas

This skill creates Obsidian Canvas visuals with automatic layouts and color-coding, helping you organize knowledge maps, timelines, and weekly readings.

pythonplanningdesignproductivity

2

📋 Paywall Upgrade Cro

This skill helps you optimize paywall and upgrade CRO to boost conversions without harming trust.

growthuxcopywritingproduct

2

⚙️ Ph Thumbnail Creator

This skill helps you design scroll-stopping Product Hunt thumbnails and GIFs that communicate value quickly and boost clicks.

designmarketingproductcontent

2

📋 Photographer Lindbergh

This skill generates Peter Lindbergh inspired black and white portraits with raw beauty, natural light, and emotional depth for timeless, unretouched imagery.

aidesignbrandingcontent

2

🎨 Playground

This skill creates interactive single-file HTML playgrounds with live preview and prompt output to explore topics visually.

frontenddesignscripting

2

🧪 Prd Skill

This skill guides you from idea to implementation-ready PRD using an integrated toolset, delivering structured requirements, design handoffs, and coordinated

productplanningdesignux

2

📋 Product Background Generation

This skill generates professional studio or lifestyle backgrounds tailored to product aesthetics and brand positioning for compelling e-commerce visuals.

productbrandingdesignmarketing

2

📋 Product Photography Kit

This skill transforms product photos into marketing-ready variants including white-background, lifestyle scenes, multiple angles, and overlaid copy.

productmarketingcopywritingsocial-media

2

✨ Pw Aippt Old

This skill automatically generates AI-powered PowerPoint decks from templates by converting PDFs, extracting style, creating prompts, generating images, and

automationdesigncontentproductivity

2

🧪 Pythonista Nicegui

This skill helps you build consistent NiceGUI interfaces by enforcing controller-first design, inline styling, and reusable components for reliable UI behavior.

frontenddesignproductproductivity

2

🎨 React Component Generator

This skill generates production-ready React components with TypeScript, Tailwind CSS, and Zustand, accelerating UI development and ensuring consistency.

frontendfullstackdesignux

2

🧪 Scientific Luxury

This skill helps you enforce the Scientific Luxury design system for new React components, UI styling, and animations, ensuring OLED black and spectral colours.

designfrontenduxperformance

2

⚙️ Script_to_ppt

This skill converts Markdown drafts into visually engaging PPT presentations with themed colors, structured slides, and automated image generation.

pythonaiautomationcontent

2