tinte
Compile your design system into an Agent Plugin. Extract an identity from any reference, emit SKILL.md + tokens.css, lint what bypasses your tokens.
File Explorer
- release.yml
- FUNDING.yml
- code.ts
- ui.html
- bun.lock
- manifest.json
- package.json
- README.md
- tsconfig.json
- GeistMono-Regular.ttf
- favicon.svg
- google3bccdf72c9c7538d.html
- robots.txt
- generate-assets.ts
- page.tsx
- page.tsx
- route.ts
- route.ts
- route.ts
- route.ts
- page.tsx
- apple-icon.tsx
- globals.css
- icon.svg
- icon.tsx
- layout.tsx
- opengraph-image.tsx
- page.tsx
- sitemap.ts
- twitter-image.tsx
- background-picker.tsx
- color-editor.tsx
- image-theme-upload.tsx
- settings-bar.tsx
- theme-picker.tsx
- anthropic.tsx
- bash.tsx
- clerk.tsx
- cplusplus.tsx
- crafter-station.tsx
- css.tsx
- github.tsx
- go.tsx
- google.tsx
- html.tsx
- java.tsx
- javascript.tsx
- json.tsx
- kebo.tsx
- kotlin.tsx
- linear.tsx
- openai.tsx
- perplexity.tsx
- python.tsx
- ruby.tsx
- rust.tsx
- sql.tsx
- supabase.tsx
- swift.tsx
- tailwindcss.tsx
- tinte.tsx
- trigger.tsx
- typescript.tsx
- vercel.tsx
- accordion.tsx
- alert-dialog.tsx
- alert.tsx
- aspect-ratio.tsx
- avatar.tsx
- badge.tsx
- breadcrumb.tsx
- button-group.tsx
- button.tsx
- calendar.tsx
- card.tsx
- carousel.tsx
- chart.tsx
- checkbox.tsx
- collapsible.tsx
- combobox.tsx
- command.tsx
- context-menu.tsx
- dialog.tsx
- direction.tsx
- drawer.tsx
- dropdown-menu.tsx
- empty.tsx
- field.tsx
- form.tsx
- hover-card.tsx
- input-group.tsx
- input-otp.tsx
- input.tsx
- item.tsx
- kbd.tsx
- label.tsx
- menubar.tsx
- native-select.tsx
- navigation-menu.tsx
- pagination.tsx
- popover.tsx
- progress.tsx
- radio-group.tsx
- resizable.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- sidebar.tsx
- skeleton.tsx
- slider.tsx
- sonner.tsx
- spinner.tsx
- switch.tsx
- table.tsx
- tabs.tsx
- textarea.tsx
- toggle-group.tsx
- toggle.tsx
- tooltip.tsx
- api-dialog.tsx
- code-input.tsx
- content-layout.tsx
- copy-markdown.tsx
- export-actions.tsx
- github-stars.tsx
- preview-frame.tsx
- ray-editor.tsx
- window-chrome.tsx
- bundled-themes.ts
- use-code-highlight.ts
- use-community-themes.ts
- use-export.ts
- use-mobile.ts
- use-vendor-themes.ts
- fonts.ts
- highlight.ts
- index.ts
- render.ts
- schema.ts
- theme.ts
- code-samples.ts
- export.ts
- gradients.ts
- language-icons.tsx
- palette-to-theme.ts
- ratelimit.ts
- shiki.ts
- theme-logos.tsx
- tinte-api.ts
- url-state.ts
- utils.ts
- .gitignore
- components.json
- next.config.ts
- package.json
- postcss.config.mjs
- tsconfig.json
- 0000_snapshot.json
- _journal.json
- 0000_salty_wrecking_crew.sql
- 0001_drop_better_auth_tables.sql
- 0002_simplify_user_id.sql
- generate-vscode-theme.mjs
- hello-world.mjs
- 01.webp
- 02.webp
- 03.webp
- 04.webp
- 05.webp
- orcdev.webp
- design.md
- tokens.css
- browserconfig.xml
- favicon-114x114.png
- favicon-120x120.png
- favicon-144x144.png
- favicon-150x150.png
- favicon-152x152.png
- favicon-16x16.png
- favicon-180x180.png
- favicon-192x192.png
- favicon-310x310.png
- favicon-32x32.png
- favicon-57x57.png
- favicon-60x60.png
- favicon-70x70.png
- favicon-72x72.png
- favicon-76x76.png
- favicon-96x96.png
- favicon.ico
- tokens.css
- SKILL.md
- plugin.json
- apple-icon.png
- favicon.ico
- file.svg
- globe.svg
- icon.png
- index.html
- next.svg
- vercel.svg
- window.svg
- build-with-env.mjs
- delete-anonymous-users.ts
- migrate-shadows.ts
- sync-clerk-users.ts
- sync-dev-environment.ts
- verify-all-themes.ts
- page.tsx
- opengraph-image.tsx
- page.tsx
- error.tsx
- loading.tsx
- page.tsx
- search-params.ts
- opengraph-image.tsx
- page.tsx
- layout.tsx
- prompt.md
- route.ts
- generate-theme.md
- generate-theme.ts
- get-current-theme.ts
- prompt.md
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- globals.css
- home.css
- icon.svg
- layout.tsx
- not-found.tsx
- page.tsx
- sitemap.ts
- color-badge.tsx
- constants.ts
- index.ts
- paste-dialog.tsx
- pasted-item-card.tsx
- pasted-items-list.tsx
- prompt-input.tsx
- theme-selector-dialog.tsx
- constants.ts
- copy-command.tsx
- ecosystem.tsx
- elements-banner.tsx
- faq.tsx
- header.tsx
- hero.tsx
- how-it-works.tsx
- roadmap.tsx
- showcase.tsx
- terminal-block.tsx
- alacritty-preview.tsx
- banana-preview.tsx
- brand-guidelines-preview.tsx
- font-display.tsx
- codex-preview.tsx
- color-system-section.tsx
- components-section.tsx
- data-viz-section.tsx
- design-system-preview.tsx
- forms-section.tsx
- typography-section.tsx
- gimp-preview.tsx
- kitty-preview.tsx
- activity-goal.tsx
- calendar.tsx
- cookie-settings.tsx
- exercise-minutes.tsx
- forms.tsx
- payment-method.tsx
- payments.tsx
- share.tsx
- sidebar-sonner.tsx
- stats.tsx
- surface-code-selection.tsx
- team-members.tsx
- appearance-settings.tsx
- button-group-demo.tsx
- button-group-input-group.tsx
- button-group-nested.tsx
- button-group-popover.tsx
- empty-avatar-group.tsx
- empty-input-group.tsx
- field-choice-card.tsx
- field-demo.tsx
- field-slider.tsx
- input-group-button.tsx
- input-group-demo.tsx
- input-group-textarea.tsx
- item-avatar.tsx
- item-demo.tsx
- notion-prompt-form.tsx
- spinner-badge.tsx
- spinner-empty.tsx
- infinite-canvas.tsx
- new-components-preview.tsx
- shadcn-preview.tsx
- shiki-code-templates.ts
- shiki-preview.tsx
- slack-preview.tsx
- monaco-like-editor.tsx
- vscode-preview.tsx
- warp-preview.tsx
- windows-terminal-preview.tsx
- zed-preview.tsx
- unified-preview.tsx
- delete-theme-dialog.tsx
- duplicate-theme-dialog.tsx
- import-theme-dialog.tsx
- index.ts
- install-guide-modal.tsx
- rename-theme-dialog.tsx
- save-theme-dialog.tsx
- share-theme-dialog.tsx
- view-code-dialog.tsx
- index.ts
- success-animation.tsx
- alacritty.tsx
- banana.tsx
- chatgpt.tsx
- clerk.tsx
- codex.tsx
- crafter-station.tsx
- css.tsx
- cursor.tsx
- discord.tsx
- elements.tsx
- elevenlabs.tsx
- folder-opened.tsx
- folder.tsx
- ghostty.tsx
- gimp.tsx
- github.tsx
- golang.tsx
- index.tsx
- javascript.tsx
- jetbrains.tsx
- json.tsx
- kebo.tsx
- kitty.tsx
- linear.tsx
- markdown.tsx
- neovim.tsx
- obsidian.tsx
- perplexity.tsx
- python.tsx
- raycast.tsx
- replit.tsx
- shadcn.tsx
- shiki.tsx
- slack.tsx
- spotify.tsx
- supabase.tsx
- tailwind.tsx
- trigger.tsx
- tweakcn.tsx
- twitter.tsx
- typescript.tsx
- vercel.tsx
- vscode.tsx
- warp.tsx
- windows-terminal.tsx
- zed.tsx
- canonical-color-input.tsx
- enhanced-token-input.tsx
- font-selector.tsx
- index.ts
- token-input.tsx
- token-search.tsx
- vscode-token-input.tsx
- footer.tsx
- index.ts
- inverted-logo.tsx
- logo.tsx
- socials-dropdown.tsx
- user-dropdown.tsx
- index.ts
- mobile-theme-controls.tsx
- mobile-theme-editor.tsx
- index.ts
- provider-experiment-tabs.tsx
- provider-switcher.tsx
- author-icon.tsx
- index.tsx
- theme-list-item.tsx
- theme-trigger.tsx
- utils.ts
- browse-themes.tsx
- compact-filter-bar.tsx
- index.ts
- theme-card-preview.tsx
- theme-card.tsx
- theme-color-preview.tsx
- theme-list.tsx
- theme-script.tsx
- theme-switcher.tsx
- clerk-sync.tsx
- index.ts
- tinte-command-menu.tsx
- accordion.tsx
- ai-chat.tsx
- alert-dialog.tsx
- alert.tsx
- aspect-ratio.tsx
- avatar.tsx
- badge.tsx
- banana-chat.tsx
- breadcrumb.tsx
- button-group.tsx
- button.tsx
- calendar.tsx
- card.tsx
- carousel.tsx
- chart.tsx
- chat-container.tsx
- checkbox.tsx
- code-block.tsx
- collapsible.tsx
- color-picker-input.tsx
- combobox.tsx
- command.tsx
- context-menu.tsx
- dialog.tsx
- direction.tsx
- drawer.tsx
- dropdown-menu.tsx
- empty.tsx
- field.tsx
- form.tsx
- hover-card.tsx
- input-group.tsx
- input-otp.tsx
- input.tsx
- item.tsx
- kbd.tsx
- label.tsx
- loader.tsx
- markdown.tsx
- menubar.tsx
- message.tsx
- native-select.tsx
- navigation-menu.tsx
- number-slider.tsx
- pagination.tsx
- popover.tsx
- progress.tsx
- radio-group.tsx
- resizable.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- shadow-properties-editor.tsx
- sheet.tsx
- sidebar.tsx
- skeleton.tsx
- slider.tsx
- sonner.tsx
- spinner.tsx
- switch.tsx
- table.tsx
- tabs.tsx
- textarea.tsx
- toggle-group.tsx
- toggle.tsx
- tooltip-wrapper.tsx
- tooltip.tsx
- use-chat-logic.ts
- use-loading-timer.ts
- use-theme-application.ts
- agent-tab.tsx
- assistant-avatar.tsx
- attachment-bubble.tsx
- chat-empty-state.tsx
- chat-input.tsx
- colors-section.tsx
- constants.ts
- font-preview.tsx
- index.ts
- message-attachment.tsx
- radius-section.tsx
- shadows-section.tsx
- theme-result-card.tsx
- tool-status-card.tsx
- typography-section.tsx
- index.tsx
- index.ts
- use-actions.ts
- use-state.ts
- index.ts
- use-monaco.ts
- use-pasted-items.ts
- use-shiki-css.ts
- use-shiki.ts
- index.ts
- use-font-search.ts
- index.ts
- use-url-sync.ts
- config.ts
- header.tsx
- index.ts
- main.tsx
- mobile.tsx
- preview-pane.tsx
- sidebar.tsx
- use-clear-overrides.ts
- use-provider-overrides.ts
- default-token-color-map.ts
- editor-color-groups.ts
- index.tsx
- clear-overrides-alert.tsx
- index.ts
- overrides-tab.tsx
- shadcn-overrides-panel.tsx
- shiki-overrides-panel.tsx
- types.ts
- vscode-overrides-panel.tsx
- zed-overrides-panel.tsx
- history-controls.tsx
- index.tsx
- toolbar-dialogs.tsx
- toolbar-dropdown-menu.tsx
- index.ts
- legacy.ts
- providers.ts
- site.ts
- index.ts
- theme.ts
- user.ts
- index.ts
- use-mobile.ts
- color-utils.test.ts
- favorites.ts
- themes.ts
- color-converter.ts
- token-types.ts
- index.ts
- use-debounce.ts
- use-debounced-callback.ts
- use-infinite-scroll.ts
- use-loop.ts
- use-mobile.ts
- use-palette.ts
- index.ts
- meta.ts
- url-metadata.ts
- computation.ts
- editor-utils.ts
- ice-theme.ts
- index.ts
- tokens.ts
- types.ts
- utils.ts
- get-by-slug.ts
- import.ts
- index.ts
- save-to-db.ts
- user-themes.ts
- definitions.ts
- icons.tsx
- index.ts
- chat-constants.ts
- file-download.ts
- generate-slug.ts
- index.ts
- input-detection.ts
- posthog.ts
- registry.ts
- search.service.ts
- terminal-highlight.ts
- utils.ts
- posthog.tsx
- query.tsx
- theme.tsx
- index.ts
- theme-utils.ts
- use-active-theme.ts
- use-theme-actions.ts
- use-theme-fonts.ts
- use-theme-history.ts
- use-theme-mode.ts
- use-theme-overrides.ts
- use-theme-search.ts
- use-theme-slug-redirect.ts
- use-theme-tokens.ts
- use-user-themes.ts
- auth.ts
- theme.ts
- workbench-store.ts
- auth.ts
- shadcn.ts
- user-theme.ts
- anon-seed.ts
- default-theme.ts
- fonts.ts
- merge-refs.ts
- seed-mapper.ts
- theme-card-helpers.ts
- proxy.ts
- .gitignore
- components.json
- drizzle.config.ts
- markdown.d.ts
- netlify.toml
- netlify.toml.bak
- next.config.ts
- package.json
- postcss.config.mjs
- tinte-cli-package.json
- tinte-cli.ts
- tsconfig.json
- vitest.config.ts
- landing.md
- extract.js
- vercel-candidates.json
- build.test.ts
- build.ts
- export.test.ts
- export.ts
- from.test.ts
- from.ts
- lint.test.ts
- lint.ts
- zed.ts
- build-targets.ts
- module-dir.ts
- zed.ts
- cli.ts
- index.ts
- tinte-cli.ts
- types.ts
- .gitignore
- bun.lock
- package.json
- README.md
- tsconfig.json
- tsup.config.ts
- canonical.ts
- index.ts
- palette.ts
- ramps.ts
- utils.ts
- code-template.ts
- codex.ts
- fonts.ts
- identity.ts
- overrides.ts
- shadcn.ts
- shiki.ts
- tinte.ts
- zed.ts
- index.ts
- package.json
- index.ts
- override-normalization.ts
- shadcn-converter.ts
- shadcn-utils.ts
- vscode-download.ts
- vscode-tokens.ts
- shadcn.test.ts
- alacritty.ts
- banana.ts
- brand-guidelines.ts
- codex.ts
- design-system.ts
- gimp.ts
- index.ts
- kitty.ts
- poline-base.ts
- registry.ts
- shadcn.ts
- shiki.ts
- slack.ts
- types.ts
- vscode-code-templates.ts
- vscode.ts
- warp.ts
- windows-terminal.ts
- zed-provider.ts
- zed.ts
- index.tsx
- package.json
- tsconfig.json
- code1.tsx
- code2.tsx
- code3.tsx
- code4.tsx
- one-hunter.json
- InlineToken.tsx
- BrowserPreview.tsx
- CodePanel.tsx
- CodeTransition.tsx
- FileTab.tsx
- IdeChrome.tsx
- LineNumbers.tsx
- ProgressBar.tsx
- SplitView.tsx
- TypingAnimation.tsx
- AnimatedIde.tsx
- calculate-metadata.ts
- font.ts
- themes.ts
- tinte-theme-bridge.ts
- index.ts
- Root.tsx
- schema.ts
- types.ts
- package.json
- remotion.config.ts
- tsconfig.json
- validate-commit-msg.mjs
- SKILL.md
- SKILL.md
- .gitignore
- biome.json
- bun.lock
- CLAUDE.md
- LICENSE
- package.json
- README.md
- tinte.config.json
- tsconfig.base.json
# Use via CDN
jsDelivrjsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.
Command Glossary
Commands referenced in this DOCs, explained below.
bun build
View Details ▼
bun build
Bundle JavaScript and TypeScript files with Bun's fast native bundler.
bun build {{path/to/entry.ts}} --outfile {{path/to/output.js}}
Bundle an entry point to a single output file:
bun build {{path/to/entry1.ts path/to/entry2.ts ...}} --outdir {{path/to/dist}}
Bundle multiple entry points to an output directory:
bun build {{path/to/entry.ts}} --outfile {{path/to/output.js}} --sourcemap
Bundle with source maps for debugging:
bun install
View Details ▼
bun install
Install JavaScript dependencies for a project from `package.json`.
bun {{[i|install]}}
Install all dependencies listed in `package.json`:
bun {{[i|install]}} {{package_name}}@{{version}}
Install a single package (this is an alias for `bun add`):
bun {{[i|install]}} {{[-g|--global]}} {{package_name}}
Install a package globally:
bun
View Details ▼
bun
JavaScript runtime and toolkit.
Includes a bundler, a test runner, and a package manager.
bun init
Create a new Bun project in the current directory:
bun run {{path/to/file|script_name}}
Run a JavaScript file or a `package.json` script:
bun test
Run unit tests:
bunx
View Details ▼
bunx
Execute a package binary (installed locally or fetched remotely).
Note: `bun x` can be used as an alias for `bunx`.
bunx {{package_name}} "{{command_argument}}"
Download and execute a package from the registry:
bunx {{package_name}} --version
Check the version of a locally installed package (if found):
bunx --bun {{package_name}}
Force an executable to run with the Bun runtime (instead of Node):
npx
View Details ▼
npx
This command is an alias of `npm exec`.
tldr npm exec
View documentation for the original command:
