• skip to content

CSS Primer For the AI Era

A vocabulary for shaping interfaces with AI

User Tools

  • Log In

Site Tools

  • Media Manager
  • Sitemap
Trace:

start

Backlinks

This is a list of pages that seem to link back to the current page.

  • css_communication_toolkit:closing_notes
  • css_communication_toolkit:how_to_ask_ai_for_multiple_options
  • css_communication_toolkit:how_to_ask_ai_to_compare_its_own_options
  • css_communication_toolkit:how_to_ask_ai_to_explain_its_choices
  • css_communication_toolkit:how_to_ask_ai_to_explain_trade-offs
  • css_communication_toolkit:how_to_ask_ai_to_identify_missing_information
  • css_communication_toolkit:how_to_ask_ai_to_reveal_its_assumptions
  • css_communication_toolkit:how_to_ask_for_safe_changes
  • css_communication_toolkit:how_to_communicate_style_tone_and_restaint
  • css_communication_toolkit:how_to_communicate_uncertainty_to_ai
  • css_communication_toolkit:how_to_decline_ai_and_redirect
  • css_communication_toolkit:how_to_describe_layout_intentions_clearly
  • css_communication_toolkit:how_to_describe_relationships_between_elements
  • css_communication_toolkit:how_to_describe_visual_intentions_clearly
  • css_communication_toolkit:how_to_describe_what_ai_must_not_change
  • css_communication_toolkit:how_to_express_constraints_and_limits
  • css_communication_toolkit:how_to_express_css_intentions_to_ai
  • css_communication_toolkit:how_to_name_the_boundaries_of_change
  • css_communication_toolkit:how_to_point_to_the_right_parts_of_the_code
  • css_communication_toolkit:how_to_shrink_the_window_of_exposure_to_ai
  • foundations:css_cascade_for_the_ai_era
  • foundations:css_context_for_the_ai_era
  • foundations:css_html_semantics_a_primer_for_the_ai_era
  • foundations:css_inheritance_for_the_ai_era
  • foundations:css_normal_flow_for_the_ai_era
  • foundations:css_specificity_for_the_ai_era
  • foundations:how_css_thinks
  • layout:css_extending_the_baseline_of_normal_flow
  • layout:css_flexbox_alignment_and_distribution
  • layout:css_grid_structure_and_composition
  • layout:css_positioning_exceptions_and_overlays
  • notes:about_this_wiki
  • selectors:css_attribute_selectors_for_the_ai_era
  • selectors:css_basic_selectors_for_the_ai_era
  • selectors:css_combinators_for_the_ai_era
  • selectors:css_combining_pseudo_classes_and_elements
  • selectors:css_pseudo_elements_for_the_ai_era
  • selectors:css_pseudo_elements_practice_for_the_ai_era
  • selectors:css_selectors_accessibility_content_limitations
  • selectors:css_selectors_for_the_ai_era
  • selectors:css_selectors_summary_and_limitations
  • selectors:css_state_selectors_for_the_ai_era
  • selectors:css_when_not_to_use_pseudo_elements
  • structure:css_components_for_the_ai_era_intro
  • structure:html_css_behavior_the_three_layers_of_an_interface
  • structure:html_css_blocks_elements_and_modifiers
  • structure:html_css_naming_and_shape
  • structure:nested_components_for_the_ai_era
  • structure:patterns_cards_lists_media_forms_for_the_ai_era
  • structure:summary_what_structure_can_do_and_cannot_do
  • visual_style:css_borders_and_radius
  • visual_style:css_color_contrast_palettes_and_meaning
  • visual_style:css_color_typography_rhythm
  • visual_style:css_density_breathing_room_and_compression
  • visual_style:css_motion_subtle_transition_and_intent
  • visual_style:css_rhythm_margin_padding_and_the_flow_of_space
  • visual_style:css_shadows_depth_and_atmosphere
  • visual_style:css_typography_size_line‑height_and_readability
  • visual_style:css_visual_style_summary
  • vocabulary:css_communication_phrases
  • vocabulary:css_essential_concepts
  • vocabulary:css_essential_concepts:alignment
  • vocabulary:css_essential_concepts:containment
  • vocabulary:css_essential_concepts:density
  • vocabulary:css_essential_concepts:flow
  • vocabulary:css_essential_concepts:hierarchy
  • vocabulary:css_essential_concepts:parent-child_relationships
  • vocabulary:css_essential_concepts:rhythm
  • vocabulary:css_essential_concepts:siblings
  • vocabulary:css_essential_concepts:spacing
  • vocabulary:css_essential_concepts:tone
  • vocabulary:css_layout_patterns
  • vocabulary:css_units_of_measure
  • vocabulary:css_visual_vocabulary
  • vocabulary:css_visual_vocabulary:case-contrast
  • vocabulary:css_visual_vocabulary:color_contrast
  • vocabulary:css_visual_vocabulary:contrast
  • vocabulary:css_visual_vocabulary:expressiveness
  • vocabulary:css_visual_vocabulary:expressiveness_editorial
  • vocabulary:css_visual_vocabulary:expressiveness_minimal
  • vocabulary:css_visual_vocabulary:expressiveness_playful
  • vocabulary:css_visual_vocabulary:expressiveness_technical
  • vocabulary:css_visual_vocabulary:font_contrast
  • vocabulary:css_visual_vocabulary:hue_contrast
  • vocabulary:css_visual_vocabulary:lightness_contrast
  • vocabulary:css_visual_vocabulary:loudness
  • vocabulary:css_visual_vocabulary:restraint
  • vocabulary:css_visual_vocabulary:saturation_contrast
  • vocabulary:css_visual_vocabulary:scale_contrast
  • vocabulary:css_visual_vocabulary:size_contrast
  • vocabulary:css_visual_vocabulary:softness
  • vocabulary:css_visual_vocabulary:softness_color
  • vocabulary:css_visual_vocabulary:softness_edges
  • vocabulary:css_visual_vocabulary:softness_motion
  • vocabulary:css_visual_vocabulary:softness_shadows
  • vocabulary:css_visual_vocabulary:spacing_contrast
  • vocabulary:css_visual_vocabulary:spatial_contrast
  • vocabulary:css_visual_vocabulary:style_contrast
  • vocabulary:css_visual_vocabulary:typographic_contrast
  • vocabulary:css_visual_vocabulary:visual_tone
  • vocabulary:css_visual_vocabulary:visual_tone_calm_energetic_tone
  • vocabulary:css_visual_vocabulary:visual_tone_formal_vs_informal_tone
  • vocabulary:css_visual_vocabulary:visual_tone_neutral_tone
  • vocabulary:css_visual_vocabulary:visual_tone_warm_cool_tone
  • vocabulary:css_visual_vocabulary:weight
  • vocabulary:css_visual_vocabulary:weight_contrast
  • vocabulary:css_visual_vocabulary:weight_density
  • vocabulary:css_visual_vocabulary:weight_shadow
  • vocabulary:css_visual_vocabulary:weight_stroke
  • vocabulary:css_visual_vocabulary:weight_surface
  • vocabulary:language_development
  • vocabulary:start
  • wiki:welcome
  • working_with_existing_code:cleaning_up_after_ai
  • working_with_existing_code:how_ai_sees_code_and_what_it_cannot_see
  • working_with_existing_code:how_to_bring_ai_back_from_generalizing
  • working_with_existing_code:how_to_bring_clarity_when_ai_over-explains
  • working_with_existing_code:how_to_correct_when_ai_misunderstands_a_pattern
  • working_with_existing_code:how_to_guide_ai_toward_minimal_changes
  • working_with_existing_code:how_to_keep_ai_aligned_with_the_context_of_change
  • working_with_existing_code:how_to_keep_ai_aligned_with_what_the_code_is_for
  • working_with_existing_code:how_to_keep_ai_changes_safe_and_proportionate
  • working_with_existing_code:how_to_keep_ai_code_aligned_with_its_history
  • working_with_existing_code:how_to_keep_ai_components_separate_and_responsibilities_clear
  • working_with_existing_code:how_to_keep_ai_from_over_documenting
  • working_with_existing_code:how_to_keep_ai_from_over_explaining_the_onvious
  • working_with_existing_code:how_to_keep_ai_from_over-correcting_code
  • working_with_existing_code:how_to_keep_ai_grounded_in_reality
  • working_with_existing_code:how_to_keep_ai_work_aligned_with_what_matters
  • working_with_existing_code:how_to_keep_ai_work_coherent_across_the_system
  • working_with_existing_code:how_to_keep_ai_work_efficient_and_sustainable
  • working_with_existing_code:how_to_keep_ai_work_focused_on_what_improves_the_system
  • working_with_existing_code:how_to_keep_ai_work_future-proof_and_mantainable
  • working_with_existing_code:how_to_keep_ai_work_within_the_real_limit
  • working_with_existing_code:how_to_match_the_ai-explanation_to_the_reader
  • working_with_existing_code:how_to_prevent_ai_hallucination
  • working_with_existing_code:how_to_re-assert_the_architecture_when_ai_breaks_it
  • working_with_existing_code:how_to_re-center_when_ai_misreads_the_intent
  • working_with_existing_code:how_to_reset_ai-and_regain_control
  • working_with_existing_code:how_to_restore_simplicity_when_ai_over_refactors
  • working_with_existing_code:how_to_reveal_important_system_dependencies_to-ai
  • working_with_existing_code:how_to_reveal_when_ai_misses_the_edge_case
  • working_with_existing_code:how_to_use_temporary_hacks_in_the_ai_era
  • working_with_existing_code:is_an_act_of_stewardship
  • working_with_existing_code:preface
  • working_with_existing_code:showing_ai_the_right_parts_of_the_code
  • working_with_existing_code:when_ai_misunderstands_the_system
  • working_with_existing_code:working_with_legacy_code
  • working_with_existing_code:working_with_themes_and_plugins_with_ai
start.txt · Last modified: 2026/05/19 21:51 by editor

Page Tools

  • Show page
  • Backlinks
  • Back to top
Topics ▼Latest•Oldest•A–Z•Other Navigator Demos
  • Css Communication Toolkit
  • Foundations
  • Layout
  • Selectors
  • Structure
  • Visual Style
  • Vocabulary
  • Working With Existing Code
Other Navigator Demos
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki
Theme: Navigator | Tony de Araujo (New York | Lisbon)