{"id":"8ef880ae-b7ec-4b5f-8d96-67e84cc307f0","shortId":"aLhuGq","kind":"skill","title":"Mitosis Cross-Framework Component Compiler by Builder.io","tagline":"Mitosis lets you write UI components once and compile them to React, Vue, Angular, Svelte, Solid, Qwik, and more. Built by Builder.io, it enables maintaining a single component codebase across all major frontend frameworks.","description":"# Mitosis Cross-Framework Component Compiler by Builder.io\n\nMitosis lets you write UI components once and compile them to React, Vue, Angular, Svelte, Solid, Qwik, and more. Built by Builder.io, it enables maintaining a single component codebase across all major frontend frameworks.\n\n## Installation\n\nUse the upstream install or setup path that matches your environment:\n- npm create @builder.io/mitosis@latest\n\nBasic usage or getting-started notes:\n- Maintain a consistent design system across multiple frameworks ([example](https://github.com/db-ux-design-system/core-web))\n- ![Gif example of devloping with Mitosis](https://cdn.builder.io/api/v1/file/assets%2FYJIGb4i01jvw0SRdL5Bt%2F868af1e6d9fd4923b18ecd1d892f3a6e)\n- To create a new Mitosis project from scratch, run the following create command:\n\n- Source: https://github.com/BuilderIO/mitosis\n- Extracted from upstream docs: https://raw.githubusercontent.com/BuilderIO/mitosis/HEAD/README.MD\n\n## Source\n\n- [Agent Skill Exchange](https://agentskillexchange.com/skills/mitosis-cross-framework-component-compiler/)","tags":["mitosis","cross","framework","component","compiler","skills","agentskillexchange","agent-skills","ai-agents","ai-tools","awesome-list","claude-code"],"capabilities":["skill","source-agentskillexchange","skill-mitosis-cross-framework-component-compiler","topic-agent-skills","topic-ai-agents","topic-ai-tools","topic-awesome-list","topic-claude-code","topic-codex","topic-cursor","topic-llm","topic-mcp","topic-npx-skills","topic-openclaw","topic-skills-catalog"],"categories":["skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/agentskillexchange/skills/mitosis-cross-framework-component-compiler","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add agentskillexchange/skills","source_repo":"https://github.com/agentskillexchange/skills","install_from":"skills.sh"}},"qualityScore":"0.454","qualityRationale":"deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 8 github stars · SKILL.md body (1,069 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T19:11:20.521Z","embedding":null,"createdAt":"2026-05-18T13:17:47.651Z","updatedAt":"2026-05-18T19:11:20.521Z","lastSeenAt":"2026-05-18T19:11:20.521Z","tsv":"'/api/v1/file/assets%2fyjigb4i01jvw0srdl5bt%2f868af1e6d9fd4923b18ecd1d892f3a6e)':129 '/builderio/mitosis':146 '/builderio/mitosis/head/readme.md':153 '/db-ux-design-system/core-web))':120 '/mitosis@latest':101 '/skills/mitosis-cross-framework-component-compiler/)':160 'across':38,80,114 'agent':155 'agentskillexchange.com':159 'agentskillexchange.com/skills/mitosis-cross-framework-component-compiler/)':158 'angular':22,64 'basic':102 'builder.io':8,30,50,72,100 'builder.io/mitosis@latest':99 'built':28,70 'cdn.builder.io':128 'cdn.builder.io/api/v1/file/assets%2fyjigb4i01jvw0srdl5bt%2f868af1e6d9fd4923b18ecd1d892f3a6e)':127 'codebas':37,79 'command':142 'compil':6,17,48,59 'compon':5,14,36,47,56,78 'consist':111 'creat':98,131,141 'cross':3,45 'cross-framework':2,44 'design':112 'devlop':124 'doc':150 'enabl':32,74 'environ':96 'exampl':117,122 'exchang':157 'extract':147 'follow':140 'framework':4,42,46,84,116 'frontend':41,83 'get':106 'getting-start':105 'gif':121 'github.com':119,145 'github.com/builderio/mitosis':144 'github.com/db-ux-design-system/core-web))':118 'instal':85,89 'let':10,52 'maintain':33,75,109 'major':40,82 'match':94 'mitosi':1,9,43,51,126,134 'multipl':115 'new':133 'note':108 'npm':97 'path':92 'project':135 'qwik':25,67 'raw.githubusercontent.com':152 'raw.githubusercontent.com/builderio/mitosis/head/readme.md':151 'react':20,62 'run':138 'scratch':137 'setup':91 'singl':35,77 'skill':156 'skill-mitosis-cross-framework-component-compiler' 'solid':24,66 'sourc':143,154 'source-agentskillexchange' 'start':107 'svelt':23,65 'system':113 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-tools' 'topic-awesome-list' 'topic-claude-code' 'topic-codex' 'topic-cursor' 'topic-llm' 'topic-mcp' 'topic-npx-skills' 'topic-openclaw' 'topic-skills-catalog' 'ui':13,55 'upstream':88,149 'usag':103 'use':86 'vue':21,63 'write':12,54","prices":[{"id":"3006599a-19b7-4ff1-b03e-5d7fa9914157","listingId":"8ef880ae-b7ec-4b5f-8d96-67e84cc307f0","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"agentskillexchange","category":"skills","install_from":"skills.sh"},"createdAt":"2026-05-18T13:17:47.651Z"}],"sources":[{"listingId":"8ef880ae-b7ec-4b5f-8d96-67e84cc307f0","source":"github","sourceId":"agentskillexchange/skills/mitosis-cross-framework-component-compiler","sourceUrl":"https://github.com/agentskillexchange/skills/tree/main/skills/mitosis-cross-framework-component-compiler","isPrimary":false,"firstSeenAt":"2026-05-18T13:17:47.651Z","lastSeenAt":"2026-05-18T19:11:20.521Z"}],"details":{"listingId":"8ef880ae-b7ec-4b5f-8d96-67e84cc307f0","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"agentskillexchange","slug":"mitosis-cross-framework-component-compiler","github":{"repo":"agentskillexchange/skills","stars":8,"topics":["agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex","cursor","llm","mcp","npx-skills","openclaw","skills-catalog"],"license":"mit","html_url":"https://github.com/agentskillexchange/skills","pushed_at":"2026-05-18T19:02:17Z","description":"The open catalog of AI agent skills — 2,000+ security-scanned skills for Claude Code, Cursor, Codex, and more.","skill_md_sha":"728189502b301ac562b38e395ecb105a8453d193","skill_md_path":"skills/mitosis-cross-framework-component-compiler/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/agentskillexchange/skills/tree/main/skills/mitosis-cross-framework-component-compiler"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"Mitosis Cross-Framework Component Compiler by Builder.io","description":"Mitosis lets you write UI components once and compile them to React, Vue, Angular, Svelte, Solid, Qwik, and more. Built by Builder.io, it enables maintaining a single component codebase across all major frontend frameworks."},"skills_sh_url":"https://skills.sh/agentskillexchange/skills/mitosis-cross-framework-component-compiler"},"updatedAt":"2026-05-18T19:11:20.521Z"}}