Skills tagged "design" (787)

🧪 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

🧪 Sdd Planning

This skill transforms specifications into actionable technical plans, guiding architecture, components, and implementation steps to accelerate delivery.

planningdesign

2

🎨 Shadcn Base

This skill helps you navigate and apply Base UI patterns from shadcn/ui, accelerating component usage, theming, and forms integration.

frontenddesignuxshadcn

2

🎨 Shadcn Svelte

This skill helps you implement accessible shadcn-svelte UI patterns and trigger snippets for Dialog, Tooltip, Dropdown, and Sheets.

frontendaccessibilitydesignux

2

📋 Social Proof Psychology

This skill helps you design landing pages and conversions by applying social proof tactics to build trust and boost actions.

marketinggrowthbrandingcopywriting

2

🧪 Solid Principles

This skill analyzes Python code to apply and validate SOLID principles, highlighting violations and offering actionable refactor suggestions for maintainable

code-reviewrefactordesignpython

2

🧪 Speckit Plan

This skill generates a detailed implementation plan from a feature spec using a template, delivering data-model, contracts, and quickstart artifacts.

automationapidatadesign

2

🎨 Stitch

This skill generates UI screens from text prompts, exports to React components, and creates DESIGN.md design systems to accelerate UI workflows.

designuxreactautomation

2

⚙️ Stl Generator

This skill generates parametric 3D printable woodworking jigs in CadQuery, optimized for the Elegoo Neptune 4 Pro and metric units.

pythondesignautomation

2

🧪 Storybook

This skill helps you document UI states and design decisions with Storybook artifacts for review by engineers and QA.

designdocsuxaccessibility

2

📋 Strategic Build

This skill helps you distinguish strategic from tactical work using LNO, Three Levels, and pre-mortems to guide architectural and product decisions.

aistrategyproductplanning

2

✨ Suno Ai Mastery

This skill helps you craft professional Suno AI v4/v4.5 songs with advanced prompt engineering and dynamic arrangement guidance.

aiproductivityresearchdesign

2

🎨 Svg Icon Best Practice

This skill unifies SVG icon management in React TypeScript projects by converting inline SVGs into reusable components and enforcing naming and migration

reacttypescriptmigrationrefactor

2

🔍 Swiftui Engineer

This skill helps you design, review, debug, and modernize SwiftUI macOS apps with clear architecture and best practices.

debuggingcode-reviewmigrationdesign

2

🎨 Table Filters

This skill analyzes table columns and delivers a unified header filter with adaptive filter components for an optimal filtering UX.

frontenduxdataanalytics

2

🎨 Tailwindcss Development

This skill helps you style applications with Tailwind CSS v4 by guiding responsive, dark-mode, and component extraction patterns.

frontenddesignuxdebugging

2

🎨 Tesla Dashboard Ui

This skill helps you design and implement a Tesla-inspired dashboard UI for iPad using atomic design, dark glassmorphism, MapKit navigation, and media controls.

designfrontendaccessibilityproduct

2

📋 Theme Evaluation

This skill evaluates theme accessibility and WCAG contrast, identifying color, typography, and dark-mode issues to improve compliance and UX.

accessibilityuxdesign

2

🧪 Ti Ui

This skill guides you through Titanium SDK UI patterns, performance, and platform-specific components to optimize layouts and interactions.

frontenduxaccessibilityperformance

2

🧪 Tool Design

This skill helps design and optimize agent tools, improving tool descriptions, consolidation, and interfaces for reliable multi-agent systems.

designautomationapidebugging

2

🎨 Ui Design A11y

This skill helps you audit and fix web accessibility issues for WCAG compliance, providing actionable code fixes and guidance.

accessibilityfrontenddesigncode-review

2

🧪 Ui Design Review

This skill analyzes UI design screenshots and prompts for accessibility, consistency, and usability using Gemini multimodal capabilities to guide reviews.

designuxaccessibilityai

2

🎨 Ui Engineer

This skill helps you transform PRD-based UI concepts into production-ready HTML/CSS with Tailwind, ensuring minimalist, responsive interfaces.

frontenddesignuxtailwind

2