Skills tagged "design" (831)

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

🎨 Diagram Generator

This skill generates draw.io diagrams from natural language requests, outputs valid mxCell XML, and renders them in a browser preview.

aiautomationfrontendcloud

🎨 Diagram To Image

This skill converts Mermaid diagrams and Markdown tables into PNG or SVG images, enabling visual exports for platforms that don't support rich formatting.

aiautomationdatacontent

📝 Didactic Notes

This skill helps educators document pedagogical design decisions in LaTeX materials using didactic notes and the \ltnote command to clarify reasoning.

writingcontentdesign

🧪 Dignified Python

This skill guides you toward modern, production-ready Python by enforcing typing, LBYL, pathlib, and ABC patterns across projects.

pythoncode-reviewlintingdesign

📋 Discovery

This skill helps you master user discovery and research by guiding interviews, persona creation, and journey mapping to inform product decisions.

productresearchplanningux

🎨 Distill

This skill helps simplify designs by stripping complexity to reveal the essential elements, accelerating clarity and user focus.

designuxfrontendrefactor

📝 Doc To Skill

This skill converts documentation into concise, structured Agent Skills using progressive disclosure for efficient AI consumption.

docsaiproductivitydesign

🎨 Document Design

This skill helps you design print-ready HTML documents with brand-aware CSS, producing clean PDFs and print-ready outputs.

designbrandingfrontenddocs

📝 Document Illustrator Skill

This skill automatically analyzes documents to generate themed illustrations in 16:9 or 3:4, including a cover image and multiple styles.

aidesigncontentbranding

📋 Document Writer Skill

This skill helps you create structured technical docs, ADRs, RFCs, and runbooks with clear rationale and reusable templates.

docswritingdesignplanning

📋 Domain Driven Design

This skill helps you model domains using domain-driven design patterns to create clear contexts, aggregates, and ubiquitous language.

pythondesignbackendai

🛡️ Domain Fintech

This skill helps you design and implement immutable, precise fintech transactions using rust_decimal, event sourcing, and audit trails for compliance.

backenddatabasesecurityobservability

🛡️ Domain Iot

This skill helps you design offline-first, power-efficient IoT apps with secure, reliable messaging and safe OTA updates.

securityperformancedesignproduct

📋 Dspy Signature Designer

This skill designs type-safe DSPy module signatures with input/output schemas and Pydantic models for robust, structured results.

aiapidatadesign

🔍 Educational Course Kit

This skill helps you generate complete micro-courses with scripts, visuals, audio, and previews for diverse platforms.

docswritingcontentdesign

🎨 Email Template Design

This skill designs production-ready HTML email templates with inline CSS and cross-client compatibility, ensuring responsive, accessible campaigns.

designuxmarketingbranding

🔍 Emilkowal Animations Swift

This skill helps you apply SwiftUI and AppKit animation best practices to write, review, and implement polished, accessible motion.

designuxaccessibilityperformance

🛡️ Encapsulation

This skill enforces encapsulation in TypeScript by guiding you to hide internal state and expose behavior through validated methods.

code-reviewdesignrefactorfrontend

🎨 Enhance Prompt

This skill transforms vague UI ideas into polished Stitch prompts with design system context and structured output for better generation results.

designuxfrontendai

✨ Ergon

This skill helps you generate and edit images, create AI-powered videos, and synthesize narration from prompts.

aiautomationcliscripting

⚙️ Excalidraw Diagram

This skill generates Excalidraw diagrams from text for Obsidian, producing ready-to-use markdown with frontmatter and automatic file saving.

designproductplanningproductivity

⚙️ Excalidraw Diagram Skill

This skill generates Excalidraw diagram JSON to visually argue workflows, architectures, or concepts with brand-consistent colors.

pythondesignbrandingdata

📋 Excalidraw Generation

This skill helps you generate Excalidraw diagrams that convey concepts with hand-drawn aesthetics, spatial layouts, and accessibility-aware design.

designuxaccessibilityproduct

🎨 Excalidraw Skill

This skill helps you design and refine Excalidraw diagrams in real time, export/import scenes, and manage elements across a live canvas.

frontenddesignuxapi

⚙️ Excalidraw Slides Skills

This skill transforms user topics into polished Excalidraw 16:9 slide decks by outlining, visualizing ideas, and generating ready-to-export slides.

designuxproductcontent

📋 Explain Like

This skill explains code changes or designs at beginner, intermediate, and expert levels to improve understanding and reveal gaps.

designdocswriting

🎨 Explainer Visuals

This skill creates animated, self-contained explainer visuals as HTML/CSS/JS to clarify ideas in essays and blog posts.

frontenduxaccessibilitydesign

🎨 Extract

This skill helps identify and extract reusable components, tokens, and patterns from your design system to enable systematic reuse.

designuxfrontendrefactor

🧪 Extract Flow Scenario

This skill extracts a precise workflow narrative from conversation into a structured markdown flow for accurate design and specification.

docsplanningdesignanalytics

✨ Fal Text To Image

This skill generates professional images from text prompts using fal.ai models, enabling style transfer, high resolution outputs, and automatic model selection.

aiapiclidesign

📋 Fantasy

This skill helps you design coherent fantasy worlds by applying Sanderson laws, world-building frameworks, and race and politics considerations.

writingplanningdesigncontent

🎨 Favicon

This skill generates a complete favicon set from a source image, updates project HTML, and configures a manifest for consistent branding across platforms.

frontendautomationscriptingdevops

📋 Feature Data

This skill helps design robust data models and schemas for new features, ensuring normalization, constraints, migrations, and optimized access.

databasedatamigrationdesign