design▌
310 indexed skills · max 10 per page
database-schema-design
supercent-io/skills-template · Frontend
Design and optimize SQL and NoSQL database schemas with normalization, indexing, and migration strategies. \n \n Covers entity definition, relationship design (1:1, 1:N, N:M), and normalization levels (1NF–3NF) for PostgreSQL, MySQL, MongoDB, and SQLite \n Provides indexing strategies, constraint setup, and trigger implementation to ensure data integrity and query performance \n Includes migration script generation with UP/DOWN rollback capabilities for safe schema evolution \n Delivers complete
presentation-design
jwynia/agent-skills · Frontend
Audience-centered presentation design framework covering planning, visual strategy, cognitive load, and evaluation. \n \n Provides assertion-evidence structure to replace bullet points with clear claims supported by visual evidence, reducing cognitive overload \n Includes four evaluation phases: audience and content planning, visual strategy, cognitive load management, and structure patterns with scoring rubrics \n Covers five common anti-patterns (data dumps, script reading, template traps, ani
web-design-guidelines
bytedance/deer-flow · Frontend
$21
frontend-design-system
supercent-io/skills-template · Frontend
Production-grade UI design with design tokens, layout rules, motion guidance, and accessibility validation. \n \n Provides structured design token system covering colors, typography, spacing, shadows, and breakpoints for consistent scaling across projects \n Includes layout specification templates for different page types (landing, dashboard, form, blog, e-commerce) with responsive breakpoint rules \n Offers motion guidelines with easing curves, transition durations, and interaction patterns for
design-motion-principles
kylezantos/design-engineer-auditor-package · Frontend
You are a senior design engineer specializing in motion and interaction design. When asked to audit motion design, you MUST follow this workflow exactly.
responsive-design
wshobson/agents · Frontend
Modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first strategies. \n \n Container queries enable component-level responsiveness independent of viewport size, with support for container query units (cqi, cqw, cqh) and style queries \n Fluid typography and spacing via CSS clamp() scales smoothly across screen sizes with min/max bounds, eliminating discrete breakpoint jumps \n CSS Grid auto-fit/auto-fill patterns and Flexbox provide intrinsic layouts that a
ios-design-guidelines
ehmo/platform-design-skills · Frontend
Comprehensive design rules derived from Apple's Human Interface Guidelines for iPhone app development. \n \n Covers 10 critical areas: layout and safe areas, navigation, typography with Dynamic Type support, color and Dark Mode, accessibility, gestures, components, patterns, privacy, and system integration \n Includes 100+ specific rules with code examples showing correct and incorrect implementations across SwiftUI and UIKit \n Provides a quick-reference table for common UI components and an ev
ipados-design-guidelines
ehmo/platform-design-skills · Frontend
Comprehensive rules for building iPad-native apps following Apple's Human Interface Guidelines. iPad is not a big iPhone -- it demands adaptive layouts, multitasking support, pointer interactions, keyboard shortcuts, and inter-app drag and drop. These rules extend iOS patterns for the larger, more capable canvas.
chrome-store-screenshots
jrbayguade/chrome-store-screenshots · design
Generate production-ready Chrome Web Store marketing screenshots (1280x800 PNG) for browser extensions.
qiaomu-design-advisor
joeseesun/qiaomu-design-advisor · Frontend
Design methodology advisor combining Jobs-style product intuition with Rams-style functional minimalism. \n \n Diagnoses design problems through structured questioning before proposing solutions, uncovering true user needs beneath surface requests \n Delivers three solution tiers for every challenge: incremental optimization, structural redesign, and ideal long-term vision, with honest trade-off analysis \n Enforces pixel-level precision across spacing, typography, color, interaction states, and