Quick start

8pt is a UI library made for AI models: components, page templates, themes, icons and Skills. Pick one, hand its prompt to Claude Code, Cursor, Codex or another coding tool, and it writes it into your project to a professional standard.

#What is 8pt

The library currently has 49 components, 2 page templates, 6 themes, 48 icons and 6 Skills. Every item has a live preview; components and templates include the full source, and Skills include the complete SKILL.md workflow.

8pt doesn’t write the code for you. It gives the model precise instructions: the source, the integration steps and the constraints. The model follows them and the results are far more consistent.

#Up and running in three steps

Log in: use an email login link, Google or GitHub. Once logged in you can browse the whole library and open every live preview.
Subscribe to Builder: copying prompts, getting the full source and connecting MCP need the Builder plan. SeePlans and access.
Hand it to your model: click Copy prompt on the detail page and paste it into your coding tool, orConnect MCP and let the model find things in the library itself.

#What to read next

Copying prompts and source: how the two ways of using an item differ.
Components,Templates,Skill,Themes: how to use each kind of item.
MCP setupandCLI: use 8pt without leaving your editor or terminal.