Skills tagged "design" (831)

📋 Brand Style

This skill helps designers and developers apply Screenpipe brand guidelines to UI, copy, and visuals while preserving privacy and consistency.

brandingdesignuxcopywriting

📋 Brand Voice Generator

This skill creates complete brand configuration files and voice guidelines to accelerate brand setup for presentations and content creation.

brandingdesignwritingcontent

🐛 Bubbletea

This skill helps you build stylish terminal UIs in Go with Bubbletea, delivering reliable layouts, interactions, and production-ready templates.

backendclidebuggingproductivity

📋 Business Analyst

This skill helps you uncover user needs and define a clear product brief through structured discovery, stakeholder interviews, and market research.

productresearchplanninganalytics

📋 C3

This skill audits C3 architecture docs for consistency and validity, routing to query, provision, or onboard as needed.

docsdesigncliproductivity

🔍 C3 Alter

This skill guides architectural changes through ADR-first workflows, analyzing intent, synthesizing proposals, and executing staged plans with automated

automationdesignplanningdocs

📝 C3 Provision

This skill documents architecture before code, creating an ADR and provisioned component docs to guide design without implementation.

docsplanningdesignstrategy

🔍 C3 Query

This skill navigates C3 architecture docs and code to answer questions about how components and containers interact.

docsdesigncode-reviewtypescript

🎨 Canva Dev

This skill helps you develop Canva Apps SDK projects by guiding you through documentation, UI kit usage, CLI commands, and design reviews.

clidocsdesignfrontend

🎨 Canvas

This skill helps you create spatial node diagrams with precise coordinates using JSON canvas format for mind maps, graphs, and planning boards.

planningdesignproductivityux

🎨 Canvas Design Skill

This skill generates HTML5 Canvas templates with pre-defined drawing logic for shapes like rectangles, circles, grids, and stars.

frontenddesignscriptingdebugging

📋 Canvas Design Skill

This skill creates original, publication-ready visual designs in PNG or PDF by applying color theory, typography, and composition principles.

designaccessibilityproductcontent

🎨 Carbon Icons

This skill ensures React components use Carbon Icons from @carbon/icons-react with proper sizing, color, alignment, and accessibility.

reactfrontenddesignux

📋 Card News Generator

This skill generates a 5-7 card Instagram-style card news series with topic input, colors, and optional background images, handling text wrapping.

social-mediadesigncontentbranding

🔍 Cdd Design Pillars

This skill helps review and design Jakarta EE/MicroProfile code for cognitive load, guiding when to extract abstractions and enforce boundaries.

designcode-reviewproductivityperformance

🧪 Clean Architecture

This skill helps you implement Clean Architecture, Hexagonal Architecture and DDD in PHP/Symfony, ensuring testable, framework-agnostic domain logic.

phpbackendtestingrefactor

🎨 Code Connect Components

This skill connects Figma design components to code implementations by locating matches and creating Code Connect mappings across your project.

frontendautomationdesignproductivity

🎨 Codify Dev Skill

This skill converts design into business-ready UI code by accurately reproducing visuals and generating structured, data-driven components.

frontendcode-reviewdesignux

🧪 Coding Styleguide

This skill helps you apply balanced coding patterns and best practices to improve maintainability, scalability, and code quality across projects.

designrefactorcode-reviewtesting

📋 Cognitive Fallacies Guard

This skill helps detect and prevent visual misleads, cognitive biases, and data integrity issues in visualizations and reports.

dataanalyticsdesignux

🧪 Color Accessibility

This skill helps you design accessible color palettes and contrast checks to ensure color-blind friendly visuals across interfaces and charts.

accessibilitydesignuxfrontend

🎨 Color System

This skill helps you design accessible, themed color systems with harmony, dark mode support, and color-blind friendly palettes across brands.

designuxaccessibilitybranding

🧪 Colorize

This skill strategically colorizes monochromatic designs to improve hierarchy, meaning, and engagement while respecting brand and accessibility.

frontenddesignuxaccessibility

🎨 Component Library

This skill generates production-ready React components with shadcn/ui patterns and CVA variants to save 8-10 hours per project.

frontenduxaccessibilitydesign

🎨 Components Build

This skill helps you design, review, and refactor React UI components with accessibility, composition, and TypeScript APIs following the components.build

frontendaccessibilitydesignrefactor

🎨 Composition Patterns

This skill helps you refactor React components by applying scalable composition patterns to reduce boolean props and clarify APIs.

frontendrefactorcode-reviewdesign

🎨 Composition Patterns

This skill guides refactoring with composition patterns to replace boolean props, enabling scalable, reusable React APIs and architecture.

frontendrefactorcode-reviewdesign

🧪 Concurrent Safe Animation

This skill helps implement concurrency-safe animations that resist re-entrancy and interrupted updates, ensuring glitch-free rendering and stable layouts.

frontendperformancetestingdebugging

🧪 Content Modeling Best Practices

This skill helps you design structured, reusable content models across CMSs, with Sanity-specific guidance to future-proof and improve editorial workflows.

aidesigncontentplanning

🔧 Context Engineering

This skill helps teams design agent tools that are clear, consolidated, and reliable, reducing complexity and boosting performance.

aiautomationapidesign

🐛 Context Fundamentals

This skill helps you understand and design efficient context windows for AI agents, optimizing loading and budgeting across systems.

aidesigndebuggingperformance

🐛 Context Optimization

This skill helps you optimize context usage and reduce token costs through compaction, masking, caching, and partitioning for scalable agent systems.

aiperformancedebuggingdesign

🎨 Converting Figma Designs

This skill converts Figma designs to code by extracting context, metadata, and tokens to generate React + Tailwind components.

designfrontendautomationproductivity

📋 Course Creation

This skill helps you design transformative online courses using backward design, clear outcomes, and scaffolded modules that drive measurable student growth.

designplanningstrategycontent

🎨 Create Adaptable Composable

This skill helps you build adaptable Vue composables that accept plain values, refs, or getters and normalize inputs for predictable reactivity.

vuefrontendtypescriptdesign

🎨 Creating Share Images

This skill helps you generate OpenGraph and Twitter share images for Next.js apps with dynamic gradients, icons, and responsive sizes.

frontendsocial-mediadesignux

⚙️ Creating Skills

This skill guides you in designing effective Letta Code skills, including structure, references, and workflows for reliable extensions.

designdocsplanningai

🎨 Creating Streamlit Themes

This skill helps you craft professional, brand-aligned Streamlit themes by configuring config.toml, typography, colors, and sidebar styles.

designfrontendpython

📋 Creative Direction

This skill generates 3-5 coherent brand directions from GTM data, detailing tone, messaging, and taglines, and recommends one with ICP fit.

brandingcopywritingmarketingstrategy

🔎 Creative Direction Council

This skill provides expert visual identity guidance from a panel of six renowned designers to align branding with practical execution.

designbrandingstrategyproduct

📋 Creative Ideas Council

This skill helps you harness a panel of space-activation experts to generate executable, revenue-driven events and experiences for physical spaces.

strategycommunitycontentmarketing

🧪 Critique

This skill evaluates interface design from a UX perspective, delivering actionable feedback on hierarchy, architecture, emotion, and overall quality.

designuxproductfrontend

📝 Crucible Planner

This skill guides epic fantasy planning using the Crucible Structure to generate seven interconnected documents from a simple premise.

planningwritingaiscripting

🔍 Csharp Coding Standards

This skill helps you write modern high-performance C# code using records, value objects, pattern matching, and async design for robust APIs.

csharpperformanceapidesign

🧪 Csharp Developer

This skill helps you design, implement, and optimize high-performance .NET 8+ APIs, Blazor apps, and EF Core data access.

backendapiperformancedatabase

🎨 Css Architecture

This skill helps you apply modern CSS architecture patterns, enabling consistent theming, scalable layouts, and accessible, maintainable styles.

frontenddesignuxproductivity

🎨 Css Container Queries

This skill helps you implement responsive components using CSS container queries and Tailwind, enabling components to adapt to their container size.

frontendtailwinddesignux

🧪 Damperengineering

This skill captures and specifies customer damper requirements, then guides material, sealing, valve, and geometry decisions for DSSV-based dampers.

typescriptaidesign

⚙️ Dashform

This skill creates AI-powered forms, surveys, and quizzes on the Dashform MCP server, guiding you through credentials, design, and publishing.

aiautomationapiscripting

📋 Data Engineer

This skill helps you design data warehouses using star schemas and slowly changing dimensions to improve query performance and accuracy.

databasesqldataanalytics

📋 Data Visualization

This skill helps you create publication-quality Python visualizations by selecting appropriate charts, applying design principles, and ensuring accessibility.

pythondataanalyticsdesign

🎨 Data Visualization Expert

This skill helps you design, build, and optimize interactive data visualizations and dashboards using modern libraries for clear insights.

dataanalyticsfrontenddesign

🛡️ Database

This skill helps you design multi-tenant database schemas, choose a suitable platform, and implement secure, scalable data patterns for SaaS.

databasesqldatasecurity

📋 Database Schema Designer

This skill designs optimized database schemas, ER diagrams, and DDLs, delivering normalization and performance plans to accelerate data-driven applications.

databasesqldatadesign

⚙️ Daw Music

This skill helps you compose game-ready music and implement interactive audio systems for immersive soundscapes.

designproductscriptingproductivity

🎨 Dbs Report

This skill generates a pixel-perfect DBS-style US equity research HTML report with cover, tables, ratings history, and disclaimer.

frontenddocsdesigndata

🔍 Ddd Clean Architecture

This skill provides guidance on clean architecture, outlining layer separation, dependency rules, and architectural patterns to structure robust applications.

backenddesignplanningdocs

🐛 Ddd Da Massa

This skill helps you apply Domain-Driven Design patterns to Jakarta EE apps, balancing cognitive load across controllers, services, entities, and repositories.

backendapidesignperformance

🎨 Ddd Feature

This skill assists in creating Domain-Driven Design features by generating structured task-based domain models, infrastructure, store, and UI scaffolding.

frontendbackendfullstackdata

📋 Deepchat Settings

This skill helps you safely modify DeepChat application settings by guiding, validating, and applying user requests to theme, language, and font size.

productdesignuxaccessibility