Packs
12 packs@owl-listener
Design Ops
Design operations skills: handoff specs, design critique facilitation, design sprint planning, asset management, and design debt audits.
9 skills · pack
@auto-skiller
Interface Design
Interface Design from Auto-Skiller/plugboot.
11 skills · pack
@owl-listener
Designer Toolkit
Designer utility skills: portfolio review, resume building, case study structure, design presentations, stakeholder communication, and design briefs.
7 skills · pack
@mhassan0000
Nexu Open Design Skills
Nexu Open Design Skills from MHassan0000/Skills.
8 skills · pack
@google-labs-code
Stitch Design
Stitch Design skills from google-labs-code/stitch-skills.
6 skills · pack
@owl-listener
Design Systems
Design system skills: component specs, design tokens, naming conventions, spacing and grid systems, accessibility standards, and documentation.
11 skills · pack
@alirezarezvani
Engineering
37 advanced engineering skills: agent designer, agent workflow designer, RAG architect, database designer + schema designer + SQL assistant, migration architect, observability designer, dependency auditor, changelog generator (with semantic version bumper and hotfix/rollback procedures), API design reviewer, API test suite builder, CI/CD pipeline builder, MCP server builder, skill security auditor
33 skills · pack
@owl-listener
Design Research
User research skills for designers: personas, empathy maps, journey maps, interview scripts, usability testing, and card sorting.
12 skills · pack
@owl-listener
Interaction Design
Interaction design skills: micro-interactions, animation principles, state machines, gesture patterns, error handling UX, and feedback patterns.
16 skills · pack
@owl-listener
UI Design
UI design skills: color palettes, typography systems, layout grids, responsive breakpoints, dark mode specs, visual hierarchy, and brand alignment.
14 skills · pack
@alunadev
Ald Skills
Adrian Luna Díaz personal skill library — product management, engineering, design, and operations skills.
57 skills · pack
@hekivo
Superpowers Sage
Modern WordPress development with Sage, Acorn & Lando. Workflow skills: /architecture-discovery, /plan-generator, /building, /designing, /verifying (+ /architecting compatibility alias), with design tool integration, content modeling, visual verification, and comprehensive hooks.
36 skills · pack
Results for “skill-design”
65 skillsdesign-system
SKILL — Design System
0 · bundle
design
Unified design skill covering brand identity, design tokens, UI styling, logo and icon generation, corporate identity programs, presentations, banners, and social media images.
1 · bundle
frontend-design
Create distinctive, production-grade frontend interfaces and presentation surfaces with high design quality. Detects and enforces the project's design system (.design-system.md, design-system skill repo, or DESIGN.md) — hard-rule grep checks, rendered-output validators, review checklist, decisions log; can also author a new design system (SKILL.md + DESIGN.md + assets).
8 · bundle
design
Design and build frontend components/pages — from Figma, reference URL, or description. Wraps the official `frontend-design` skill with site-awareness.
0
design
Routes UX, UI, accessibility, and onboarding design tasks to specialized sub-skills, applying behavioral science and WCAG 2.1 AA standards.
2 · bundle
ui-ux-pro-max
Orchestrates cross-domain design work by dispatching to specialized design sub-skills and applying behavioral science frameworks for audits, critiques, and strategy.
2 · bundle
More results
snowe-ui-skill
Guides coding agents through architecture-first UI/UX design, from product truth and user journeys to rendered browser critique, covering art direction, interaction, responsive behavior, and motion.
28
skill-frontend-design
Design precise, production-grade enterprise UI — dashboards, admin panels, SaaS interfaces, and data-heavy applications. Use this skill for professional software interfaces that need Jony Ive-level craft: clean, minimal, functional, with intentional personality. Do NOT use for creative landing pages, marketing sites.
2 · bundle
design-style-skill
Select a consistent visual design system for PPT slides using radius/spacing style recipes, including Sharp, Soft, Rounded, and Pill variants with component mappings and typography rules.
12.9k
emil-design-eng-2
Provides design engineering guidance focused on animation principles, UI review, and interface craftsmanship.
5k
color-font-skill
Provides curated color palettes and font pairings for presentations and design tasks, including a complete design system with color tokens.
12.9k
skill-test
Provides a comprehensive set of design rules and anti-patterns to avoid AI-generated slop when building any interface.
ui-styling
Builds accessible React UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.
1 · bundle
sketch
Builds interactive HTML sketches with working states, transitions, and a shared CSS theme system for design exploration.
1
ckm-design
Creates brand identities, logos, corporate identity programs, HTML presentations, banners, icons, and social media images using AI generation and HTML/CSS-to-screenshot workflows.
1 · bundle
design
Use this skill when the user is designing any visual system, UI, graphic, layout, brand asset, or interface and needs structured, high-quality, communication-first design decisions across typography, layout, color, imagery, and UX.
0 · bundle
frontend-design-system
Use this skill for tokens, components, variants, theming, consistency, reusable UI architecture. Trigger when the task involves web design work related to Frontend Design System, production implementation, audits, debugging, strategy, or validation.
1 · bundle
claude-design
Guides CLI/API agents through a design process for one-off HTML artifacts like landing pages, prototypes, and decks, emphasizing context gathering and verification.
2
stitch-design-taste
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
0 · bundle
stitch-taste-design
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
0 · bundle
slides
Designs strategic HTML presentations with data visualization, layout patterns, and copywriting formulas for marketing and pitch decks.
1 · bundle
liquid-glass-design
Implements Apple's Liquid Glass design system for iOS 26 apps, covering SwiftUI, UIKit, and WidgetKit integration with glass effects, morphing transitions, and customization.
1 · bundle
ijfw-design
First-class design intelligence. Dispatches to the best available design skill (ui-ux-pro-max, frontend-design, superpowers), then layers IJFW constraints on top. Triggers: 'design', 'redesign', 'UI', 'UX', 'dashboard', 'page', 'component', 'make it look better', 'polish', 'pretty', 'professional', 'user experience', 'layout', 'visual', 'mobile-first', 'dark mode', 'accessibility', 'colors', 'typography', 'brand'.
37
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
1 · bundle
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
3 · bundle
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
0 · bundle
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
2 · bundle
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
505 · bundle
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
3 · bundle
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
0
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
0 · bundle
banner-design
Designs banners across social, ad, web, and print formats, generating multiple art direction options with AI-generated visuals and HTML/CSS composition.
1 · bundle
stitch-mcp-design
Router for Google Stitch design-to-code in this pack. Use when starting any Stitch workflow, choosing Stitch vs Aura vs Figma vs Claude Design, or before calling generate/edit MCP tools. Enforces ~400 Stitch credits/day. Points to phased pack skills: enhance-prompt → generate-design → extract → build → loop.
0
research-paper-figure-skill-factory
Builds reusable specialized skills for creating research-paper figures from lawful source material, then uses those skills to design and render figures for target papers.
47 · bundle
design-system
Creates and manages design token systems with three-layer architecture, generates CSS variables, validates token usage, and produces brand-compliant slide presentations with Chart.js and contextual decision logic.
1 · bundle
uupm-design
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.
0 · bundle