hereinthehive

🪶 Design System Community Charter

Version 0.3 (DRAFT)

Last Updated: November 22, 2025

Changelog (v0.3 DRAFT):

• Restructured for conversational AI use - Optimized for agent prompt engineering and self-review
• Added "Using This Charter" section - Explicit guidance for agents and humans
• Added Agent Self-Review Checklist - Pre-response checklist agents run before every suggestion
• Restructured all sections with Review Questions, Good/Bad Examples, and Agent Conversation Templates

philhawksworth

👀📎 It looks like you're preparing to MC a conference...

🚨 GIANT DISCLAIMER: This stuff is far from authoritative. But it's what I think works for me, and what I enjoy in an MC when I'm attending a conference.

---

Biggest tip - enjoy yourself.

acodesmith

<?php
/**
 * @return object
 */
function get_breadcrumb_home()
{
    return (object) [
        'post_title'    => __( 'Home', 'uncg-bryan' ),
        'permalink'     => site_url()
    ];

adamgiese

@mixin valid-quantity($quantity) {
  @if type-of($quantity) != 'number' {
    @error 'The "quantity" parameter must be a number!';
  }
  @if not(unitless($quantity)) {
    @error 'The "quantity" parameter must not have a unit!';
  }
  @if $quantity < 0 {
    @error 'The "quantity" parameter must be at least 0!';
  }

threepointone

[based on a true story]

So. Your friend's about to teach you how to make a website. Great!

You make a file, and you save it as 'index.html'. Why it's called 'index' isn't really explained to you, but whatever.

You type the following.

hello world

ericclemmons

Using <details> in GitHub

Suppose you're opening an issue and there's a lot noisey logs that may be useful.

Rather than wrecking readability, wrap it in a <details> tag!

<details>
 Summary Goes Here

IceCreamYou

.force-show-scrollbars ::-webkit-scrollbar-track:vertical {
    border-left: 1px solid #E7E7E7;
    box-shadow: 1px 0 1px 0 #F6F6F6 inset, -1px 0 1px 0 #F6F6F6 inset;
}

.force-show-scrollbars ::-webkit-scrollbar-track:horizontal {
    border-top: 1px solid #E7E7E7;
    box-shadow: 0 1px 1px 0 #F6F6F6 inset, 0 -1px 1px 0 #F6F6F6 inset;
}

mxstbr

Enable tab completion for JSX with Emmet in Atom

This guide assumes you have the emmet and language-babel packages already installed in Atom

1. Open the keymap.cson file by clicking on Atom -> Keymap… in the menu bar
2. Add these lines of code to your keymap:

'atom-text-editor[data-grammar~="jsx"]:not([mini])':

arleym

on alfred_script(q)
    tell application "Google Chrome" to activate -- needs to be in front
    tell application "System Events" to tell application process "Chrome"
        try
            repeat with x from 1 to (count windows)
                get properties of window x
                set position of window x to {0, 21}
                set size of window x to {1280, 709}
            end repeat
        end try

rauschma

Installing Babel

The following are a few important npm packages.

Core Babel and access to Babel:

• babel-core: the core compilation machinery and plugin infrastructure for Babel. You will rarely need to install this package, because other packages such as babel-cli have it as a dependency, meaning that it will be automatically installed when they are installed.

• babel-cli: a command line interface to Babel. It includes the following commands:

• babel-doctor detects common problems with your Babel installation.