{"id":"https://openalex.org/W7166824118","doi":"https://doi.org/10.18653/v1/2026.findings-acl.220","title":"FrontCoder: Scaling Visual Fidelity in Front-End Code Generation","display_name":"FrontCoder: Scaling Visual Fidelity in Front-End Code Generation","publication_year":2026,"publication_date":"2026-01-01","ids":{"openalex":"https://openalex.org/W7166824118","doi":"https://doi.org/10.18653/v1/2026.findings-acl.220"},"language":null,"primary_location":{"id":"doi:10.18653/v1/2026.findings-acl.220","is_oa":true,"landing_page_url":"https://doi.org/10.18653/v1/2026.findings-acl.220","pdf_url":"https://aclanthology.org/2026.findings-acl.220.pdf","source":null,"license":"cc-by","license_id":"https://openalex.org/licenses/cc-by","version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Findings of the Association for Computational Linguistics: ACL 2026","raw_type":"proceedings-article"},"type":"conference-paper","indexed_in":["crossref"],"open_access":{"is_oa":true,"oa_status":"gold","oa_url":"https://aclanthology.org/2026.findings-acl.220.pdf","any_repository_has_fulltext":null},"authorships":[{"author_position":"first","author":{"id":"https://openalex.org/A5139753560","display_name":"Jun Feng","orcid":null},"institutions":[],"countries":[],"is_corresponding":false,"raw_author_name":"Jun Feng","raw_affiliation_strings":[],"raw_orcid":null,"affiliations":[]},{"author_position":"middle","author":{"id":"https://openalex.org/A5139740429","display_name":"Jian Yang","orcid":null},"institutions":[],"countries":[],"is_corresponding":false,"raw_author_name":"Jian Yang","raw_affiliation_strings":[],"raw_orcid":null,"affiliations":[]},{"author_position":"middle","author":{"id":"https://openalex.org/A5139807877","display_name":"Wei Zhang","orcid":null},"institutions":[],"countries":[],"is_corresponding":false,"raw_author_name":"Wei Zhang","raw_affiliation_strings":[],"raw_orcid":null,"affiliations":[]},{"author_position":"middle","author":{"id":"https://openalex.org/A5139851270","display_name":"Jing Wang","orcid":null},"institutions":[],"countries":[],"is_corresponding":false,"raw_author_name":"Jing Wang","raw_affiliation_strings":[],"raw_orcid":null,"affiliations":[]},{"author_position":"middle","author":{"id":"https://openalex.org/A5126935142","display_name":"Keyi Chen","orcid":null},"institutions":[],"countries":[],"is_corresponding":false,"raw_author_name":"Keyi Chen","raw_affiliation_strings":[],"raw_orcid":null,"affiliations":[]},{"author_position":"middle","author":{"id":"https://openalex.org/A5139723159","display_name":"Xiaokun Yang","orcid":null},"institutions":[],"countries":[],"is_corresponding":false,"raw_author_name":"Xiaokun Yang","raw_affiliation_strings":[],"raw_orcid":null,"affiliations":[]},{"author_position":"middle","author":{"id":"https://openalex.org/A5139815657","display_name":"Weicheng Gu","orcid":null},"institutions":[],"countries":[],"is_corresponding":false,"raw_author_name":"Weicheng Gu","raw_affiliation_strings":[],"raw_orcid":null,"affiliations":[]},{"author_position":"middle","author":{"id":"https://openalex.org/A5063901345","display_name":"Yihang Lou","orcid":"https://orcid.org/0000-0002-8143-389X"},"institutions":[],"countries":[],"is_corresponding":false,"raw_author_name":"Yihang Lou","raw_affiliation_strings":[],"raw_orcid":null,"affiliations":[]},{"author_position":"middle","author":{"id":"https://openalex.org/A5139783199","display_name":"Yan Bai","orcid":null},"institutions":[],"countries":[],"is_corresponding":false,"raw_author_name":"Yan Bai","raw_affiliation_strings":[],"raw_orcid":null,"affiliations":[]},{"author_position":"last","author":{"id":"https://openalex.org/A5139716193","display_name":"Xianglong Liu","orcid":null},"institutions":[],"countries":[],"is_corresponding":false,"raw_author_name":"Xianglong Liu","raw_affiliation_strings":[],"raw_orcid":null,"affiliations":[]}],"institutions":[],"countries_distinct_count":0,"institutions_distinct_count":0,"corresponding_author_ids":[],"corresponding_institution_ids":[],"apc_list":null,"apc_paid":null,"fwci":0.0,"has_fulltext":true,"cited_by_count":0,"citation_normalized_percentile":{"value":0.81083521,"is_in_top_1_percent":false,"is_in_top_10_percent":false},"cited_by_percentile_year":null,"biblio":{"volume":null,"issue":null,"first_page":"4485","last_page":"4505"},"is_retracted":false,"is_paratext":false,"is_xpac":false,"primary_topic":{"id":"https://openalex.org/T10904","display_name":"Embedded Systems Design Techniques","score":0.19290000200271606,"subfield":{"id":"https://openalex.org/subfields/1708","display_name":"Hardware and Architecture"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}},"topics":[{"id":"https://openalex.org/T10904","display_name":"Embedded Systems Design Techniques","score":0.19290000200271606,"subfield":{"id":"https://openalex.org/subfields/1708","display_name":"Hardware and Architecture"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}},{"id":"https://openalex.org/T10531","display_name":"Advanced Vision and Imaging","score":0.09179999679327011,"subfield":{"id":"https://openalex.org/subfields/1707","display_name":"Computer Vision and Pattern Recognition"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}},{"id":"https://openalex.org/T10054","display_name":"Parallel Computing and Optimization Techniques","score":0.06689999997615814,"subfield":{"id":"https://openalex.org/subfields/1708","display_name":"Hardware and Architecture"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}}],"keywords":[{"id":"https://openalex.org/keywords/code","display_name":"Code (set theory)","score":0.4634999930858612},{"id":"https://openalex.org/keywords/visualization","display_name":"Visualization","score":0.3874000012874603},{"id":"https://openalex.org/keywords/scaling","display_name":"Scaling","score":0.3684000074863434},{"id":"https://openalex.org/keywords/code-generation","display_name":"Code generation","score":0.3091999888420105},{"id":"https://openalex.org/keywords/high-fidelity","display_name":"High fidelity","score":0.3019999861717224},{"id":"https://openalex.org/keywords/fidelity","display_name":"Fidelity","score":0.2874999940395355}],"concepts":[{"id":"https://openalex.org/C41008148","wikidata":"https://www.wikidata.org/wiki/Q21198","display_name":"Computer science","level":0,"score":0.6406999826431274},{"id":"https://openalex.org/C31972630","wikidata":"https://www.wikidata.org/wiki/Q844240","display_name":"Computer vision","level":1,"score":0.4778999984264374},{"id":"https://openalex.org/C2776760102","wikidata":"https://www.wikidata.org/wiki/Q5139990","display_name":"Code (set theory)","level":3,"score":0.4634999930858612},{"id":"https://openalex.org/C154945302","wikidata":"https://www.wikidata.org/wiki/Q11660","display_name":"Artificial intelligence","level":1,"score":0.4618000090122223},{"id":"https://openalex.org/C36464697","wikidata":"https://www.wikidata.org/wiki/Q451553","display_name":"Visualization","level":2,"score":0.3874000012874603},{"id":"https://openalex.org/C99844830","wikidata":"https://www.wikidata.org/wiki/Q102441924","display_name":"Scaling","level":2,"score":0.3684000074863434},{"id":"https://openalex.org/C121684516","wikidata":"https://www.wikidata.org/wiki/Q7600677","display_name":"Computer graphics (images)","level":1,"score":0.3578000068664551},{"id":"https://openalex.org/C11413529","wikidata":"https://www.wikidata.org/wiki/Q8366","display_name":"Algorithm","level":1,"score":0.33250001072883606},{"id":"https://openalex.org/C133162039","wikidata":"https://www.wikidata.org/wiki/Q1061077","display_name":"Code generation","level":3,"score":0.3091999888420105},{"id":"https://openalex.org/C113364801","wikidata":"https://www.wikidata.org/wiki/Q26674","display_name":"High fidelity","level":2,"score":0.3019999861717224},{"id":"https://openalex.org/C2776459999","wikidata":"https://www.wikidata.org/wiki/Q2119376","display_name":"Fidelity","level":2,"score":0.2874999940395355},{"id":"https://openalex.org/C165064840","wikidata":"https://www.wikidata.org/wiki/Q1321061","display_name":"Matching (statistics)","level":2,"score":0.27720001339912415},{"id":"https://openalex.org/C160086991","wikidata":"https://www.wikidata.org/wiki/Q5939193","display_name":"Human visual system model","level":3,"score":0.2515000104904175},{"id":"https://openalex.org/C125411270","wikidata":"https://www.wikidata.org/wiki/Q18653","display_name":"Encoding (memory)","level":2,"score":0.25099998712539673}],"mesh":[],"locations_count":1,"locations":[{"id":"doi:10.18653/v1/2026.findings-acl.220","is_oa":true,"landing_page_url":"https://doi.org/10.18653/v1/2026.findings-acl.220","pdf_url":"https://aclanthology.org/2026.findings-acl.220.pdf","source":null,"license":"cc-by","license_id":"https://openalex.org/licenses/cc-by","version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Findings of the Association for Computational Linguistics: ACL 2026","raw_type":"proceedings-article"}],"best_oa_location":{"id":"doi:10.18653/v1/2026.findings-acl.220","is_oa":true,"landing_page_url":"https://doi.org/10.18653/v1/2026.findings-acl.220","pdf_url":"https://aclanthology.org/2026.findings-acl.220.pdf","source":null,"license":"cc-by","license_id":"https://openalex.org/licenses/cc-by","version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Findings of the Association for Computational Linguistics: ACL 2026","raw_type":"proceedings-article"},"sustainable_development_goals":[{"score":0.5426583886146545,"display_name":"Affordable and clean energy","id":"https://metadata.un.org/sdg/7"}],"awards":[],"funders":[],"has_content":{"grobid_xml":true,"pdf":true},"content_urls":{"pdf":"https://content.openalex.org/works/W7166824118.pdf","grobid_xml":"https://content.openalex.org/works/W7166824118.grobid-xml"},"referenced_works_count":0,"referenced_works":[],"related_works":[],"abstract_inverted_index":{"Large":[0],"language":[1,17],"models":[2,113,137],"(LLMs)":[3],"for":[4,54],"code":[5,14,31,72,76,105,157],"generation":[6,73,106,140,158],"have":[7],"achieved":[8],"remarkable":[9],"progress":[10],"in":[11,23,75,153],"synthesizing":[12],"functional":[13,44],"from":[15],"natural":[16],"instructions.However,":[18],"a":[19,62,79],"critical":[20,144],"challenge":[21],"persists":[22],"generating":[24],"visually":[25],"accurate":[26],"and":[27,37,50,66,91,118,150],"structurally":[28],"sound":[29],"front-end":[30,55,71,104,156],"that":[32,109],"faithfully":[33],"renders":[34],"user-intended":[35],"layouts":[36],"interfaces.Most":[38],"existing":[39],"works":[40],"focus":[41],"primarily":[42],"on":[43,85,103],"correctness,":[45],"overlooking":[46],"the":[47,143],"visual":[48,116],"fidelity":[49],"rendering":[51],"quality":[52],"essential":[53],"development.To":[56],"address":[57],"this":[58],"gap,":[59],"we":[60],"present":[61],"comprehensive":[63,101],"data":[64,148],"construction":[65],"training":[67,81],"pipeline":[68],"to":[69,97],"enhance":[70],"capabilities":[74],"LLMs.We":[77],"use":[78],"three-stage":[80],"approach:":[82],"continual":[83],"pretraining":[84],"synthetic":[86],"data,":[87],"quality-controlled":[88],"supervised":[89],"fine-tuning,":[90],"reinforcement":[92],"learning":[93],"with":[94,115,135],"checklist-based":[95],"rewards":[96],"improve":[98],"model":[99,122],"performance.Our":[100],"evaluation":[102],"benchmarks":[107],"reveals":[108],"even":[110],"strong":[111],"base":[112],"struggle":[114],"faithfulness":[117],"layout":[119],"complexity.Our":[120],"fully-trained":[121],"demonstrated":[123],"substantial":[124],"improvements":[125],"over":[126],"baseline":[127],"approaches":[128],"across":[129],"all":[130],"domains,":[131],"achieving":[132],"competitive":[133],"performance":[134],"frontier":[136],"while":[138],"maintaining":[139],"efficiency,":[141],"underscoring":[142],"importance":[145],"of":[146],"stage-aligned":[147],"curation":[149],"vision-grounded":[151],"optimization":[152],"developing":[154],"reliable":[155],"systems.":[159]},"counts_by_year":[],"updated_date":"2026-07-29T14:22:42.915294","created_date":"2026-07-02T00:00:00"}
