Skills tagged "design" (831)

🎨 Design Exploration

This skill generates a visual design catalogue with multiple proposals to explore directions before implementing.

designuxresearchfrontend

4

📋 Gantt Chart

This skill helps you visualize project timelines with customizable GanttChart components, enabling clear scheduling, tracking, and categorization of tasks.

vuedataanalyticsdesign

4

🧪 Ai Product Patterns

This skill helps you design AI-native products by applying evals as product specs, hybrid patterns, and future-proof UX based on OpenAI patterns.

aiproductuxdesign

3

🎨 Animejs V4

This skill enables smooth web components animations using Anime.js 4 for drag interactions, visual feedback, swaps, and automatic cleanup.

frontendperformancescriptingdebugging

3

📝 Api Design

This skill provides RESTful API design guidance to ensure consistent endpoints, clear responses, and scalable documentation across services.

apibackenddesigndocs

3

🔍 Api Interface Design

This skill helps you design robust RESTful APIs with consistent paths, error codes, and response formats to streamline reviews and integration.

apibackenddesigndocs

3

🛡️ Architecting Networks

This skill helps you design secure, scalable cloud network architectures across AWS, GCP, and Azure, guiding VPC patterns and zero trust.

cloudsecuritydesigninfra

3

🧪 Blue Ocean Strategy

This skill helps you apply blue ocean strategy principles to design uncontested market space, value innovation, and strategic tools like ERRC and Strategy

strategydesignproductanalytics

3

🎨 Feature Sliced Design

This skill helps you implement Feature-Sliced Design in Next.js with a custom views layer, delivering scalable, maintainable architecture.

frontenddesignuxproduct

3

🧪 Frontend Ai Guide

This skill helps frontend teams apply rigorous technical decision criteria and anti-pattern knowledge to QA, design decisions, and debugging workflows.

frontenddebuggingtestingcode-review

3

📝 Generating Documentation

This skill generates comprehensive API, code, site, ADR, and diagram documentation to accelerate developer understanding and project maintainability.

apidocsbackendfullstack

3

📋 Go Framework

This skill helps design Go framework architecture by applying registry, lifecycle, and middleware patterns to packages and providers.

godesignbackend

3

🧪 Heuristic Evaluation

This skill performs heuristic evaluation of UI designs using Nielsen's 10 framework to identify usability issues and provide prioritized recommendations.

designuxaccessibilityproduct

3

🧪 Image_editing

This skill helps you edit images by applying user-specified changes such as background, color, or style modifications to uploaded images.

aidesignuxproduct

3

🧪 Ios App Scaffold

This skill scaffolds iOS apps with Tuist and a layered Domain, Infrastructure, App architecture to accelerate project setup.

automationdesigncode-reviewtesting

3

📋 Jobs To Be Done

This skill helps you apply Jobs-to-be-Done insights to shape product strategy, conduct research interviews, write user stories, and identify true competition.

productresearchstrategyux

3

📝 Macro Product Photography

This skill generates precise extreme close-up macro shots of product details, documenting textures, stitching, and hardware for authentic e-commerce detail

productmarketingdesigncontent

3

🎨 Makepad Font

This skill helps you configure and render crisp text with Makepad fonts, layouts, and SDF-based GPU rendering.

frontendperformancedocsdesign

3

🎨 Mermaid Diagramming

This skill helps you create and integrate Mermaid diagrams in Obsidian notes to visualize processes, architectures, and workflows.

designfrontenddocsproduct

3

🧪 Mobbin Ux

This skill discovers Mobbin UX patterns, generates a design spec for approval, then implements research-backed interfaces.

designuxresearchfrontend

3

🎨 Modern Tailwind

This skill helps you implement clean, scalable UI with Tailwind CSS by following best practices for utilities, theming, and maintainability.

frontenddesignuxperformance

3

🎬 Nano Image Generator Skill

This skill helps you generate consistent, style-matched images for icons, logos, banners, and illustrations using Nano Banana Pro.

aimarketingbrandingdesign

3

🔍 Openlark Naming

This skill helps you align Rust API surface with OpenLark naming conventions, ensuring consistent Client/Service/Resource/Request structures.

apidesignrefactorcode-review

3

📊 Paper Slide Deck

This skill generates professional slide decks from academic papers, auto-detects figures, and creates outline-driven, ready-to-share presentations.

aiproductivitydocsdesign

3

📋 Picture

This skill generates images using Google Imagen via Gemini API to create hero visuals, concept illustrations, or brand-constrained outputs.

aipythondesigndata

3

🔍 Review

This skill reviews chapters for coherence, tone, pace, and character, delivering targeted rewrites to improve consistency and engagement.

writingcontentaiproduct

3

🧪 S Develop

This skill helps you design World of Warcraft addons with event-driven patterns, SavedVariables, and resilient APIs using Ace3.

apidebuggingtestingdesign

3

⚙️ Screenshot Analyzer

This skill analyzes product screenshots to extract feature lists and generate actionable development task checklists.

aianalyticsproductdesign

3

🧪 Standards Components

This skill guides building reusable, single-responsibility UI components with clear interfaces and composition for scalable frontend development.

frontenddesignuxaccessibility

3

📋 Swift Navigation

This skill helps you simplify and empower Swift navigation across SwiftUI, UIKit, and AppKit with ergonomic tooling and practical guidance.

uxdesigndocs

3

🎨 Tailwindcss

This skill guides Tailwind CSS v4 usage with utility-first patterns, theme variables, and maintainable composition for scalable UI.

frontenddesignuxproductivity

3

🔍 Tech Impl Doc

This skill writes precise technical implementation docs with structured sections, Mermaid diagrams, and a Code Index tailored for developers and users.

docsbackendcode-reviewpython

3

🔍 Technical Architect

This skill helps you design robust, scalable system architectures and guide architecture reviews for clear, measurable outcomes.

backenddesigndocsperformance

3

📋 Ux Design Principles

This skill helps you apply cognitive psychology UX principles to plan features, reduce complexity, and optimize user journeys.

uxdesignproductresearch

3

🎨 Vibefigma

This skill converts Figma designs to production-ready React components with Tailwind CSS, generating TSX files and assets from a provided Figma URL.

frontendclidesignrefactor

3

🧪 2389 Research Css Development

This skill reviews existing CSS for semantic naming, Tailwind @apply usage, dark mode coverage, and tests, providing actionable feedback.

frontendcode-reviewtestinglinting

2

🎨 Advanced Frontend Skill

This skill helps you craft production-grade frontend interfaces that feel alive with cinematic WebGL, shaders, and premium interactions.

frontenddesignuxperformance

2

🛡️ Agent Design Best Practices

This skill helps you design Claude Code agent files with focused domains, minimal tool access, and reusable definitions for safer, scalable AI teams.

designaisecuritycode-review

2

📊 Ai Ppt Architect

This skill converts diverse materials into editable, publication-ready PPTs with auto outline, AI visuals, and WPS compatibility for seamless edits.

aiautomationdesignproductivity

2

🧪 Ai Prompting

This skill helps you master context-first prompting and phased refinement to elicit accurate, efficient AI coding assistance across development tasks.

aiproductdesigntesting

2

🧪 Angular Component

This skill helps you create Angular v20+ standalone components using modern DI, signals, and template patterns for scalable UI.

frontendcode-reviewrefactorproductivity

2

📝 Anthropic Brand Guidelines

This skill applies Anthropic brand colors and typography to artifacts to ensure consistent, on-brand visuals across documents and presentations.

designbrandingcopywritingmarketing

2

📋 Arch Mmd

This skill creates or updates an ARCHITECTURE.mmd diagram that clearly maps your codebase architecture for quick, high-level understanding.

backenddocsplanningdesign

2

🔍 Architect Refine Critique

This skill orchestrates a three-phase design review by chaining architect, refiner, and critique agents to formulate and validate architecture decisions.

designplanningbackend

2

🧪 Architecture

This skill helps implement MVVM, Clean Architecture, and SOLID principles in Android apps using repository and dependency injection for robust, testable code.

designrefactortestingunit-tests

2

🔍 Architecture

This skill helps you design and review proper layer boundaries and dependency flow in the fund-portfolio-bot, enforcing cli → flows → data.

backendcode-reviewclidata

2

📝 Architecture Patterns

This skill helps you select and document architectural patterns, improving design decisions and consistency across projects.

designdocspythonbackend

2

🐛 Audio Systems

This skill helps you design and optimize game audio systems, enabling immersive soundscapes, adaptive music, and accurate spatialization.

designperformancedebuggingdocs

2

🐛 Autohotkey V2 Gui

This skill helps you build advanced AutoHotkey v2 GUI applications with event handling, data submission, and performance optimization across complex controls.

scriptingautomationperformancedebugging

2

📋 Backend Engineer

This skill helps backend engineers translate product requirements into robust services, data models, and scalable API design.

backendapidatabasedesign

2

🎨 Beautiful Reader

This skill renders markdown content in a beautiful, readable layout with theme and display options for distraction-free reading.

docsfrontenduxdesign

2

🔎 Brainstorming

This skill helps you brainstorm effectively before features, clarifying intent, exploring options, and guiding design decisions to align with user goals.

planninguxproductdesign

2

📋 Brainstorming

This skill helps you transform rough ideas into fully formed designs by guiding structured Socratic questioning and presenting incremental options.

designuxplanningresearch

2

📋 Brand Asset

This skill generates branded visual elements such as logos, icons, patterns, and illustrations to reinforce your brand identity.

designuxbranding

2

🧪 Browser Automation

This skill automates browser testing, design-to-code generation, and accessibility checks to speed web development and quality assurance.

automationtestingfrontenddebugging

2

🎨 Business Model Canvas

This skill helps you design and analyze business models using the Business Model Canvas to evaluate ideas and communicate strategy.

strategyplanningproductresearch

2

📋 C3 Change

This skill orchestrates architectural changes through Agent Teams to produce ADR-driven plans and actionable tasks.

planningaiproductivitydesign

2

🎨 Canvas Assignment Design

This skill helps educators design Canvas LMS assignments using evidence-based learning pillars, generating objectives, rubrics, and Canvas-ready configurations.

designuxproductresearch

2

🛡️ Critic

This skill helps you stress-test designs by challenging assumptions and surfacing edge cases without providing solutions.

securitytestingdesignproduct

2

📋 Dagre Graph

This skill helps you create clear hierarchical diagrams with DagreGraph, enabling efficient org charts, dependency trees, and flowcharts.

vuedataanalyticsproductivity

2