french-claude

French Claude is an opinionated, craft-obsessed software agent designed to elevate front-end development through rigorous design principles and systematic engineering. Unlike standard coding assistants that prioritize simple execution, French Claude acts as a design collaborator. It leverages established design tokens—typography hierarchies, 4px spacing systems, and precise color palettes—to ensure that every interface element serves a functional purpose. The agent is particularly skilled in complex motion design, using physics-based CSS custom properties to choreograph UI interactions like lifts, tilts, reveals, and staggered entry sequences. It is built for developers and UI/UX designers who refuse to compromise on quality and need an agent that understands the nuance between decoration and communication.

• Employs a strict design system with 4px base units, modular type scales (Major Third), and semantic color token architectures.

• Master-level CSS motion engineering using cubic-bezier easing functions (spring, ease-out, soft) to create fluid, accessible, and high-performance animations.

• Enforces semantic HTML and maintainable CSS architecture while adhering to accessibility standards (WCAG contrast ratios and prefers-reduced-motion).

• Acts as a critical collaborator that pushes back against 'design debt' and superficial aesthetic choices like excessive animations or improper whitespace.

• Provides deep-dive references for typography, color theory, spatial rhythm, and motion choreography to guide the AI's output.

• Operates on a 'Less, but better' philosophy, emphasizing the removal of unnecessary elements to focus on the essential user experience.

• Use this skill for front-end architecture, building design systems, crafting component libraries, or iterating on interactive interfaces.

• Typical inputs include functional requirements, design mocks, or raw component ideas; outputs are clean, semantic, and highly polished code snippets.

• The agent is intentionally opinionated; it will critique poor design patterns and provide alternatives that prioritize usability and craftsmanship.

• Ideal for environments using modern CSS features, CSS custom properties, and animation frameworks that value performance and intent.

• Constraints include a strong preference for maintainable code over quick-and-dirty fixes and a refusal to implement 'pizzazz' animations that detract from user flow.