Glossary

Term explanations for AI programming and frontend development

🤖 AI-Related Terms

SPEC-Driven Development

Methodology

A development methodology where specifications (SPEC.md) define functional requirements before coding begins. AI agents follow these specifications to ensure consistent implementation.

Prompt Engineering

AI

The practice of designing and optimizing prompts to effectively communicate with AI models. Includes techniques like few-shot learning, chain-of-thought, and role assignment.

Context Window

AI

The maximum amount of text (tokens) an AI model can process in a single conversation. Determines how much history and instructions can be included.

Token

AI

The basic unit of text processing for AI models. Roughly corresponds to 4 characters in English or 1-2 characters in Chinese.

🎨 Frontend Terms

CSS Variables

CSS

Custom properties defined with --variable-name syntax. Allow consistent theming and easy style updates across a website.

Semantic HTML

HTML

Using appropriate HTML elements (header, nav, main, article, section, footer) to convey meaning, improving accessibility and SEO.

BEM Naming

CSS

Block Element Modifier - a CSS naming convention (e.g., .card__title--active) that improves code organization and maintainability.

Responsive Design

CSS

Designing websites to adapt layout and content to different screen sizes using media queries and flexible layouts.