Skills tagged "design" (787)

🧪 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

📝 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

🎨 Custom Ui

This skill helps you tailor Clerk component appearance by applying themes, layout, colors, and fonts to match branding.

frontendnextjsdesignux

🧪 Damperengineering

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

typescriptaidesign

🎨 Dashboard Creator

This skill helps you generate interactive HTML dashboards with KPI cards and charts for metrics visualization and monitoring.

frontenddataanalyticsdesign

⚙️ 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

🛡️ Design

This skill guides solution design from ideation to planning, creating a complete plan package and risk-aware implementation path.

designplanningaiproduct

🧪 Design

This skill helps you design UI mockups and specs using the Polaris design system, outlining components, flows, and low-fidelity visuals.

designuxfrontendproduct

📋 Design Branding

This skill helps you create world class brand identity and design systems that establish authority across touchpoints and assets.

brandingdesignmarketingcopywriting

📝 Design Doc Interviewer

This skill interviews users to generate a structured design document for a proposed change, using progressive questions and a clean template.

designuxproductplanning

🎨 Design Guide

This skill analyzes websites to generate pixel-perfect design guides and design systems documentation, including colors, typography, components, interactions,

designuxaccessibilityfrontend

🎨 Design Guide

This skill enforces a modern, consistent UI design across platforms, guiding color, spacing, typography, and interactive states for polished interfaces.

designuxaccessibilityfrontend

🎨 Design Iterator

This skill acts as a proactive design-iterator to deliver iterative refinements for UI components, escalating visual balance and polish through focused cycles.

designuxfrontendaccessibility

🎨 Design Lab

This skill helps you explore UI design options by generating multiple variations, collecting feedback, and producing actionable implementation plans.

designuxproductresearch

🧪 Design Like

This skill helps you apply a brand's design language to code and UI by generating brand-specific Agent Skills and IDE config.

designuxbrandingcli

📋 Design Md

This skill analyzes Stitch projects and synthesizes a semantic design system into DESIGN.md to ensure new screens align with the existing design language.

designuxproductdocs

📋 Design Patterns

This skill helps you apply software architecture and design patterns across layers, components, databases, and API design.

apibackenddesign

🧪 Design Patterns

This skill helps you apply design patterns to architect, refactor, and solve recurring problems with loose coupling and clear responsibilities.

designrefactorcode-reviewtesting

📋 Design Postgres Tables

This skill helps you design robust PostgreSQL tables by applying best practices for keys, normalization, indexing, constraints, and data types.

databasesqldataperformance

🎨 Design Principles

This skill helps you design consistent enterprise dashboards and SaaS interfaces by applying a 4px grid, typography, and color principles.

designuxfrontendproduct

🧪 Design Skeptic

This skill stress-tests design proposals by challenging assumptions and exposing failure paths, edge cases, and overengineering risks to improve robustness.

designtestingplanningdebugging

🧪 Design Sprint

This skill guides you through a five-day design sprint to validate ideas with real customers and a tested prototype.

designuxproductresearch

🧪 Design Style

This skill helps you design frontend interfaces by applying a specific design system prompt to build distinctive, production-ready UI.

frontenddesignuxaccessibility

🎨 Design System Analyzer

This skill analyzes any website's UI style using ChromeDevTools to extract CSS tokens, animations, and interaction states, then generates a design system

designuxfrontenddebugging

🎨 Design System Patterns

This skill helps you design and manage design system tokens and components using Pencil patterns for consistent theming and scalable UI.

designuxfrontend

🎨 Design System Starter

This skill helps you design scalable design systems with tokens, components, documentation, and accessibility guidelines to ensure consistency and usability.

designuxaccessibilitydocs

🧪 Design Tokens Skill

This skill helps you design, validate, and transform design tokens using DTCG specifications across color spaces and resolvers.

designaccessibilityproductautomation

🧪 Designer

This skill converts natural language app descriptions into production-ready DigitalOcean App Platform specifications and deploy templates.

devopscloudinfradesign

🧪 Designing Apis

This skill helps you design robust REST and GraphQL APIs by outlining resources, endpoints, error handling, versioning, and documentation.

apibackenddesigndocs

🧪 Designing Sdks

This skill helps you design production-ready SDKs with robust error handling, retries, and pagination to accelerate API client development.

apidesignbackendtesting

🎨 Designing Systems

This skill helps you design scalable design systems using OKLCH colors, semantic CSS variables, and Tailwind v4 theming for consistent UX.

designuxfrontendtypescript

🎨 Desktop Ui Design

This skill helps you design intuitive desktop interfaces by applying native widgets, platform conventions, and usability patterns to boost usability and

designuxaccessibilityproduct

📋 Development Brainstorming

This skill helps turn software ideas into structured technical designs through collaborative questioning, trade-offs, and incremental validation.

aiplanningdesignbackend