Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/CristianParadaLopez/cv-builder/llms.txt

Use this file to discover all available pages before exploring further.

Choosing the right template is the first decision you make in the Builder. Skillara AI offers four distinct visual styles, each optimized for a different professional context and hiring channel. The template you select in Step 1 is embedded directly into the prompt that the AI uses to generate your CV’s HTML, so the choice has a direct effect on layout, typography, color palette, and section ordering.
Template selection only applies in Designed mode. When you switch to ATS mode the visual template is ignored entirely and the AI generates a separate single-column, decoration-free layout. See the ATS Mode guide for details.

​
The four templates

​
Moderno

Moderno is a two-column professional layout built around a dark sidebar. It is the most popular template on Skillara AI and suits corporate, technology, marketing, consulting, and sales roles. Layout structure:
  • Left sidebar: width: 30%, background #1E293B (dark blue-slate), white text
  • Right column: flex: 1, white background, padding 32px 28px
Left sidebar contains: profile photo (100px circular, border: 3px solid #2563EB), full name, job title, and the contact, skills, tools, and languages sections. Skill items are rendered as inline badges with background: rgba(37,99,235,0.3), color: #BFDBFE. Right column contains: a name + title header with a 2px solid #2563EB divider, followed by the summary, work experience, education, certifications, projects, and volunteer sections. Typography and color:
  • Font: Arial / Helvetica, sans-serif
  • Accent color: #2563EB (blue)
  • Body text: #475569
  • Section titles: 10px, uppercase, letter-spacing: 1px
Max width: 794px (A4)

​
Clásico

Clásico uses an executive two-column layout inspired by traditional recruitment formats. It is well suited to finance, law, government, accounting, and human resources roles where a formal, authoritative appearance is expected. Layout structure:
  • Dark header strip: background: #1a2744, padding: 24px 28px. Contains the candidate’s name in 28px white uppercase and the job title in #7AA8D8. Optional photo is 90×90px circular with border: 3px solid #4A7FBF.
  • Left sidebar: width: 32%, background: #f5f7fa, padding: 24px 18px. Contains contact info, education, skills, and languages.
  • Right column: width: 68%, white background. Contains the profile summary and work experience.
Left sidebar section titles: 11px, font-weight: 700, color: #1a2744, uppercase, letter-spacing: 1.5px, with a 2px solid #1a2744 bottom border. Right column experience items: company name and date range on the same line with justify-content: space-between. Job title in italic color: #4A7FBF. Description text at 12px, color: #374151. Typography and color:
  • Font: Arial, sans-serif
  • Accent color: #4A7FBF (medium blue)
  • Header background: #1a2744 (dark navy)
  • Sidebar background: #f5f7fa (light grey)

​
Minimalista

Minimalista is a single-column Nordic-style layout that prioritizes whitespace and readability over decoration. It is ideal for design, UX/UI, photography, startups, and international applications where clean, unbiased presentation is preferred. Layout structure:
  • Single column, max-width: 680px, margin: 0 auto, padding: 48px 40px
  • No sidebars, no color accents, no decorative borders or bullets
Header: Name in 32px font-weight: 300, job title in 14px color: #6B7280. Contact details are displayed inline, separated by " · ", in 12px color: #9CA3AF. Section titles: 10px, font-weight: 600, color: #9CA3AF, uppercase, letter-spacing: 2px. Sections are separated by generous margin-bottom: 32px spacing. Content typography:
  • Company / institution: 14px font-weight: 600 color: #111
  • Job title / degree: 13px color: #374151 font-style: italic
  • Dates: 11px color: #9CA3AF, floated right
  • Description text: 13px color: #4B5563 line-height: 1.7
  • Skills and languages: displayed inline, separated by " · "
Font: Helvetica Neue or Helvetica, weight 300 for body text and 600 for titles.
Use Minimalista (or ATS mode) for international job applications, academic submissions, or any role where you want your content to speak without any visual distraction.

​
Creativo

Creativo uses a bold green gradient sidebar combined with a clean white right column. It is best suited to creative roles — graphic design, marketing, advertising, social media, and innovative startups — where standing out visually gives you an advantage. Layout structure:
  • Left column: width: 38%, background: linear-gradient(180deg, #2d9c7e 0%, #1f7a60 100%), white text, padding: 28px 20px
  • Right column: width: 62%, white background, padding: 28px 24px
Left column contains (top to bottom):
  1. Profile photo: 110px circular, border: 3px dashed rgba(255,255,255,0.6), centered
  2. Name: 20px font-weight: 700, centered
  3. Job title: 12px color: rgba(255,255,255,0.8), centered
  4. Professional summary
  5. Contact details with emoji icons
  6. Skills as rounded badges: background: rgba(255,255,255,0.2), border-radius: 20px
  7. Languages with visual progress bars (Nativo = 100%, Avanzado = 80%, Intermedio = 60%, Básico = 40%)
Right column uses a timeline-style layout. Section titles are prefixed with a ● in #2d9c7e. Each experience and education entry has the year range on the left (min-width: 70px, grey) and the main content on the right. Experience descriptions use ▸ bullets. Typography and color:
  • Font: Arial, sans-serif
  • Accent color: #2d9c7e (green)
  • Sidebar gradient: #2d9c7e → #1f7a60
The Creativo template has an ATS compatibility score of approximately 45/100. Do not use it when applying to companies that use automated resume screening. Use ATS mode or Minimalista instead.

​
Comparing templates at a glance

Moderno

Two-column, blue sidebar. Best for tech, business, and corporate roles. ATS score: 95/100.

Clásico

Dark header, two-column, formal. Best for finance, law, and government. ATS score: 98/100.

Minimalista

Single column, no decoration. Best for design, international, and academic applications. ATS score: 92/100.

Creativo

Green gradient sidebar, timeline layout. Best for creative and marketing roles. ATS score: 45/100.

​
ATS mode

ATS mode is a completely separate rendering path from the four visual templates. When you select Modo ATS in Step 1, the AI ignores the selected template style entirely and applies the ATS style guide instead. The ATS layout produces:
  • Single-column, max-width: 700px, Arial font, color: #000 on white background
  • Name in uppercase, centered, 26px font-weight: 900
  • Contact info centered, fields separated by " · "
  • Section titles in uppercase with a 1px solid black bottom border
  • Experience: job title and company/date on the same line using justify-content: space-between
  • No tables, no multi-column layouts, no images, no color backgrounds, no icons, no gradients
Use Minimalista or ATS mode for international job applications to maximise readability across different HR systems and cultural expectations.

​
How templates connect to the AI

Each template’s visual rules are encoded as a styleGuide string in backend/src/services/claude.service.ts. When generateCV is called, the appropriate guide is inserted directly into the AI prompt alongside your form data. This means:
  • The AI reads exact CSS values (colors, font sizes, padding) from the guide and reproduces them in the generated HTML.
  • All @media print rules for zero-margin and exact-color PDF rendering are appended automatically to every generated stylesheet.
  • The photo, if uploaded, is stripped from the prompt and re-injected as base64 after generation to avoid sending large data strings to the AI.
If you use the PromptBar to edit your CV after generation, the AI modifies only what your instruction specifies and preserves the rest of the template’s HTML and styles unchanged.

Build docs developers (and LLMs) love

Get started for freeTalk to us