Tools

Built for the new workflow.

Free tools for front-end designers and developers working with AI coding assistants.

LLM Front-End Builder

Generate custom front-end development standards for your AI coding assistant. Configure CSS architecture, accessibility, SEO, and security rules — then copy or download for your environment.

CSS Architecture Accessibility SEO Security

Works with Cursor Claude Gemini Copilot Windsurf

Open Tool

.cursor/rules/frontend-standards.mdc

# Front-End Development Standards

## CSS Architecture
methodology: BEM
units: rem for spacing, em for type
custom_properties: true
nesting: native CSS

## Accessibility
min_contrast: WCAG AA
focus_indicators: visible
aria_landmarks: required
reduced_motion: respect

## Performance
font_loading: font-display swap
image_formats: WebP, AVIF
lazy_load: below the fold

More tools in development. Building things that help designers and developers ship better work, faster.