Profile My skills Saved Collections Edit profile Submit a skill

← all publishers

System-Desgin

@system-desgin source repo

8 published skills

  1. ▌
    Carbon · system-desgin bundle
    Build UI in IBM's Carbon design system style — precise, enterprise-scale, IBM Blue on a neutral field with a strict 8px rhythm. Use when the user asks for Carbon, an IBM-style UI, or an engineered enterprise dashboard/console look.
    0
    installs
  2. ▌
    Primer · system-desgin bundle
    Build UI in GitHub's Primer design system style — calm neutral canvas, accent blue interaction, dense legible text-first layouts. Use when the user asks for Primer, a GitHub-style UI, or a developer-tool look.
    0
    installs
  3. ▌
    Flowbite · system-desgin bundle
    Build UI in the Flowbite style — Tailwind-native components, Inter type, an electric blue, utility-first neutrals. Use when the user asks for Flowbite or a polished Tailwind CSS component look for SaaS or marketing sites.
    0
    installs
  4. ▌
    Fluent 2 · system-desgin bundle
    Build UI in Microsoft's Fluent 2 design system style — calm neutrals, subtle rounding, a confident brand blue, Microsoft 365 coherence. Use when the user asks for Fluent, a Microsoft/Office-style UI, or a Windows-adjacent productivity app look.
    0
    installs
  5. ▌
    Ant Design · system-desgin bundle
    Build UI in Ant Design's style — vivid brand blue, crisp neutrals, dense data-rich enterprise layouts. Use when the user asks for Ant Design, antd, or a data-heavy admin/back-office CRUD look.
    0
    installs
  6. ▌
    Cloudscape · system-desgin bundle
    Build UI in AWS's Cloudscape design system style — dense, functional cloud-console layouts with a confident AWS blue. Use when the user asks for Cloudscape, an AWS-console-style UI, or a data-dense config-heavy dashboard look.
    0
    installs
  7. ▌
    Material 3 · system-desgin bundle
    Build UI in Google's Material 3 (Material You) style — tonal surfaces, rounded shapes, role-based color, Roboto type. Use when the user asks for Material Design, M3, Material You, or an expressive mobile-first Android/Google look.
    0
    installs
  8. ▌
    Design Systems · system-desgin bundle
    Build UI that follows a real design system instead of generic AI defaults. Use when the user asks to style an app like a known design system (Carbon, Material 3, Primer, Fluent 2, Cloudscape, Ant Design, Flowbite, and more), asks for a DESIGN.md, asks to list available design systems, or wants a design system created for their own product. Fetches agent-ready DESIGN.md token files from the free AgentDS catalog.
    0
    installs