Results for “system-design”

Manage shadcn/ui components and projects with context, documentation, and usage patterns for building modern design systems.

Designs, reviews, and scales backend systems with detailed blueprints, trade-off analysis, and technology recommendations.

Applies Agile principles to software development, system design, and technical problem-solving, covering implementation, optimization, and best practices.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Architects, reviews, and scales backend systems with structured blueprints, trade-off analysis, and audit reports.

Documents the design system for Composio's marketing site, including color palette, typography, layout, elevation, shapes, and component specifications.

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

Design data systems by understanding storage engines, replication, partitioning, transactions, and consistency models. Use when the user mentions "database choice", "replication lag", "partitioning strategy", "consistency vs availability", "stream processing", "ACID transactions", "eventual consistency", or "LSM tree vs B-tree". Also trigger when choosing between SQL and NoSQL, designing data pipelines, or debugging distributed system consistency issues. Covers data models, batch/stream processing, and distributed consensus. For system design, see system-design. For resilience, see release-it.

Use when the team needs a top-level system architecture spanning frontend, backend, auth, data stores, jobs, integrations, and deployment boundaries. Trigger on requests to design the overall system or validate a proposed architecture.

Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.

Use when designing a new system, choosing between architectural patterns, planning how components will connect, evaluating scalability and reliability trade-offs, or reviewing an existing system for structural problems. For system design, service boundaries, database design, API structure, monolith vs microservices decisions, and architecture decision records (ADRs). Activate when user says "how should I structure this", "design the system", "is this architecture right", or "plan the backend".

Documents, standardizes, and governs a Vue 3 + shadcn-vue design system, including component documentation templates, patterns for forms, empty states, loading states, and feedback, plus a consistency checklist and conventional commit conventions.

Analyzes Binance's design system: near-black canvas, single yellow accent (#FCD535), custom BinanceNova/BinancePlex type stack, multi-theme dark/light modes, and trading green/red semantics.

Documents the Starbucks design system with color palette, typography rules, spacing, and component styles for UI implementation.

Build or update a professional-grade design system in Figma from a codebase, creating variables, tokens, component libraries, theming, and documentation.

Provides 42 technology-agnostic cloud design patterns for distributed systems, covering reliability, performance, messaging, security, and deployment to help architects design robust workloads.

Documents Zapier's design language with color palette, typography hierarchy, spacing system, and component specifications for UI implementation.

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.

UI Designer IA — Expert en design visuel, composants UI, design systems, et pixel-perfect implementation. shadcn/ui, Tailwind, Figma → Code.

Crawl a live website, extract its design system, brand surface, and page inventory, and save the snapshot under stardust/current/ for downstream redesign or migration.

Documents Nike's commerce design system: photography-first layouts, typographic hierarchy, color palette, and component patterns across PLP, PDP, and editorial pages.

Documents the monospaced, manpage-inspired design system of OpenCode's marketing site, including typography, color palette, and spacing tokens.

Creates detailed component specifications for design systems, covering anatomy, variants, states, accessibility, and usage guidelines.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Design game user interfaces and user experience flows including HUD, menus, inventory screens, accessibility, and player feedback systems. Use when designing how the player interacts with game systems visually. Also trigger for "game UI", "game UX", "HUD design", "menu design", "inventory UI", "game accessibility", or "game interface".

Documents the PlayStation marketing design system with three alternating canvas modes, PlayStation SST typography at weight 300, and a restrained chrome vocabulary where imagery occupies 60-90% of each section.

CSS design system standards — custom properties, BEM naming, spacing/typography/color scales, no build tools

Use when task matches design-usability-rules design guidance for IA, usability, responsiveness, systems, motion, and visual QA.

Rebuild existing site pages with byte-faithful content on a separately-defined donor design system, preserving text, images, and metadata while applying a new visual design.

Documents the visual design system of Expo's marketing site, including color palette, typography, layout, and component styles for consistent brand implementation.

Provides a design system specification for NVIDIA's marketing pages, including color tokens, typography hierarchy, and component patterns for building engineering-style landing pages.

Provides a comprehensive design system specification inspired by Sanity's visual identity, including color palette, typography, spacing, and component styles for building dark-themed developer interfaces.

Documents the Bugatti brand design system: a black-and-white interface with custom typefaces, no accent color, and full-bleed photography as the only visual element.

Documents HashiCorp's marketing design system: near-black canvas, per-product accent colors, hashicorpSans typography, and charcoal card surfaces for multi-product brand identity.

Provides a comprehensive design system specification inspired by Tesla's website, covering visual theme, color palette, typography, and UI patterns.