Loora Design Guide
lassejlv/loora
Build, edit, refine, troubleshoot, and review polished responsive product interfaces through the Loora MCP server and its structured Canvas schemas.
Builds new holaOS apps with @holaboss/app-builder-sdk, either as integration-only MCP modules or as dashboard apps with a shadcn UI under src/client/.
$ npx skills add holaboss-ai/holaOS --skill app-builder-sdk -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install holaboss-ai/holaOS app-builder-sdk --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/holaboss-ai/holaOS.git skills-src && mkdir -p .claude/skills && cp -r skills-src/runtime/harnesses/src/embedded-skills/app-builder-sdk .claude/skills/app-builder-sdk && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "app-builder-sdk" agent skill from https://github.com/holaboss-ai/holaOS/tree/main/runtime/harnesses/src/embedded-skills/app-builder-sdk into .claude/skills/app-builder-sdk/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-builder-sdk", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/holaboss-ai/holaOS/tree/main/runtime/harnesses/src/embedded-skills/app-builder-sdkType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add holaboss-ai/holaOS --skill app-builder-sdk -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install holaboss-ai/holaOS app-builder-sdk --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/holaboss-ai/holaOS.git skills-src && mkdir -p .agents/skills && cp -r skills-src/runtime/harnesses/src/embedded-skills/app-builder-sdk .agents/skills/app-builder-sdk && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "app-builder-sdk" agent skill from https://github.com/holaboss-ai/holaOS/tree/main/runtime/harnesses/src/embedded-skills/app-builder-sdk into .agents/skills/app-builder-sdk/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-builder-sdk", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add holaboss-ai/holaOS --skill app-builder-sdk -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install holaboss-ai/holaOS app-builder-sdk --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/holaboss-ai/holaOS.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/runtime/harnesses/src/embedded-skills/app-builder-sdk .cursor/skills/app-builder-sdk && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "app-builder-sdk" agent skill from https://github.com/holaboss-ai/holaOS/tree/main/runtime/harnesses/src/embedded-skills/app-builder-sdk into .cursor/skills/app-builder-sdk/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-builder-sdk", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/holaboss-ai/holaOS.git --path runtime/harnesses/src/embedded-skills/app-builder-sdk--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add holaboss-ai/holaOS --skill app-builder-sdk -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install holaboss-ai/holaOS app-builder-sdk --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/holaboss-ai/holaOS.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/runtime/harnesses/src/embedded-skills/app-builder-sdk .gemini/skills/app-builder-sdk && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "app-builder-sdk" agent skill from https://github.com/holaboss-ai/holaOS/tree/main/runtime/harnesses/src/embedded-skills/app-builder-sdk into .gemini/skills/app-builder-sdk/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-builder-sdk", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install holaboss-ai/holaOS app-builder-sdkInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add holaboss-ai/holaOS --skill app-builder-sdk -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/holaboss-ai/holaOS.git skills-src && mkdir -p .github/skills && cp -r skills-src/runtime/harnesses/src/embedded-skills/app-builder-sdk .github/skills/app-builder-sdk && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "app-builder-sdk" agent skill from https://github.com/holaboss-ai/holaOS/tree/main/runtime/harnesses/src/embedded-skills/app-builder-sdk into .github/skills/app-builder-sdk/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-builder-sdk", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add holaboss-ai/holaOS --skill app-builder-sdk -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install holaboss-ai/holaOS app-builder-sdk --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/holaboss-ai/holaOS.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/runtime/harnesses/src/embedded-skills/app-builder-sdk .opencode/skills/app-builder-sdk && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "app-builder-sdk" agent skill from https://github.com/holaboss-ai/holaOS/tree/main/runtime/harnesses/src/embedded-skills/app-builder-sdk into .opencode/skills/app-builder-sdk/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-builder-sdk", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
app-builder-sdkBuilds new holaOS apps with @holaboss/app-builder-sdk, either as integration-only MCP modules or as dashboard apps with a shadcn UI under src/client/.
The skill is the route for creating a new holaOS app with the @holaboss/app-builder-sdk. It distinguishes two shapes: an integration module that talks to one external service such as Slack, Discord, Notion, Stripe or Linear through MCP tools and keeps the SDK's default web stub, and a dashboard app, such as a content planner, CRM or kanban tracker, that adds a shadcn UI built with TanStack Start under src/client/. The SDK core is the same for both and is made of five primitives, which include app.connection() for declaring an integration binding and app.resource() for declaring a row type.
It sets tooling rules for the build turn: use file read, search, edit and write tools rather than bash heredocs to create app files, and keep bash for things like bun install and probing processes, with a narrow exception for a later polish pass over src/client files. Bundled reference apps for Google Calendar events, a GitHub workflow, Pinterest publishing and Slack messaging show app.ts, provider and end-to-end test files. Existing module apps are extended in place rather than rewritten.
6 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 4684714. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Ships script files (TypeScript, from the files we listed), which the agent can run.
Shell commands in SKILL.md call:
buncurljqsqlite3bunxFrom the folder's file list and the shell code blocks in SKILL.md.
Hosts in commands or code, which the agent is likely to contact:
backend.composio.devapi.twitter.comapi.notion.comAlso links to:
platform.composio.devFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
holaOS App Builder SDK loads about 11k tokens when it runs. Until then it costs about 55 tokens; SKILL.md has 5,064 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 5,064 words (~11,007 tokens).
“Use this skill whenever the user wants a new holaOS app. Two shapes both ship through the same SDK; pick the one the request needs:”
SKILL.md and 51 other files in runtime/harnesses/src/embedded-skills/app-builder-sdk of holaboss-ai/holaOS.
Open the folder on GitHubat commit 4684714
holaOS App Builder SDK next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| holaOS App Builder SDK this skillholaboss-ai/holaOS | 11k | — | ~11k | Automated safety check: Pass | Custom licence | |
| Loora Design Guidelassejlv/loora | 140 | — | ~2.4k | Automated safety check: Pass | AGPL-3.0 | |
| MCP Server Builderanthropics/skills | 180k | 63 repos | ~2.3k | Automated safety check: Pass | Apache-2.0 | |
| MCP Server BuildershareAI-lab/learn-claude-code | 78k | 5 repos | ~1.2k | Automated safety check: Pass | MIT | |
| Typescript Styletjx666/vscode-mcp | 105 | — | ~961 | Automated safety check: Pass | Custom licence | |
| MCP Server Builderalirezarezvani/claude-skills | 28k | — | ~985 | Automated safety check: Pass | MIT |
lassejlv/loora
Build, edit, refine, troubleshoot, and review polished responsive product interfaces through the Loora MCP server and its structured Canvas schemas.
anthropics/skills
Guides the design and implementation of Model Context Protocol servers in TypeScript or Python, from tool naming and error messages to evaluation.
shareAI-lab/learn-claude-code
Walks through building MCP servers in Python or TypeScript that expose tools, resources and prompts to Claude, with templates, registration and testing.
tjx666/vscode-mcp
TypeScript code style and repo conventions for VSCode MCP — inference vs explicit types, ESM import suffixes, zod schema contracts, async VSCode/Node APIs, JSON-safe IPC results, JSDoc for public…
alirezarezvani/claude-skills
Design and ship production-ready MCP (Model Context Protocol) servers from OpenAPI contracts instead of hand-written tool wrappers.
mblode/agent-skills
Scaffolds a Next.js turborepo with Blode UI, icons, Ultracite (oxlint/shadcn), workspace hooks, and GitHub/Vercel setup.
holaboss-ai/holaOS
Pushes an agent past generic defaults when designing dashboards, admin panels, SaaS apps and tools, with attention to structure, type, navigation and how data is shown.
holaboss-ai/holaOS
Edits an already-installed workspace capability's manifest to add an MCP server, a skill, an integration or agent guidance, then reinstalls it so the change takes effect on the next run.
holaboss-ai/holaOS
Builds the visual layer of a holaOS dashboard app with TanStack Start and @holaboss/ui, starting from a bundled reference instead of a blank page.
holaboss-ai/holaOS
Bundles one or more existing skills and the integrations they need into a single named, installable capability.
holaboss-ai/holaOS
Guidelines for driving a workspace's embedded browser with the fewest tool calls, smallest state reads and no needless screenshots or waits.
holaboss-ai/holaOS
Validates or debugs a workflow in the embedded browser with a reproducible, evidence-first loop that separates product failures from wait or locator problems.
Categories
Builds new holaOS apps with @holaboss/app-builder-sdk, either as integration-only MCP modules or as dashboard apps with a shadcn UI under src/client/. The skill is the route for creating a new holaOS app with the @holaboss/app-builder-sdk. It distinguishes two shapes: an integration module that talks to one external service such as Slack, Discord, Notion, Stripe or Linear through MCP tools and keeps the SDK's default web stub, and a dashboard app, such as a content planner, CRM or kanban tracker, that adds a shadcn UI built with TanStack Start under src/client/.
holaOS App Builder SDK fits situations like: creating a new holaOS app that connects to one external service; building a dashboard app such as a CRM or content planner with a client UI; looking up how existing reference apps structure app.ts and the provider.
Run `npx skills add holaboss-ai/holaOS --skill app-builder-sdk -a claude-code`. Or copy the skill folder (runtime/harnesses/src/embedded-skills/app-builder-sdk in holaboss-ai/holaOS) into .claude/skills/app-builder-sdk in your project. Claude Code loads it when a task matches its description.
Run `npx skills add holaboss-ai/holaOS --skill app-builder-sdk -a codex`. Or copy the skill folder (runtime/harnesses/src/embedded-skills/app-builder-sdk in holaboss-ai/holaOS) into .agents/skills/app-builder-sdk in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add holaboss-ai/holaOS --skill app-builder-sdk -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/app-builder-sdk, .gemini/skills/app-builder-sdk, .github/skills/app-builder-sdk and .opencode/skills/app-builder-sdk in your project.
Going by SKILL.md and its folder, holaOS App Builder SDK needs TypeScript for the scripts in its folder and the command-line tools its instructions call (bun, curl, jq, sqlite3 and bunx). Our summary lists: A holaOS workspace; Bun for installing dependencies.
SKILL.md names 4 domains. In commands or code: backend.composio.dev, api.twitter.com and api.notion.com; the agent is likely to contact these when it follows the instructions. As links in the text: platform.composio.dev. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
holaOS App Builder SDK has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
About 11k tokens (SKILL.md is roughly 44k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with holaOS App Builder SDK: Loora Design Guide (lassejlv/loora, 140 stars), MCP Server Builder (anthropics/skills, 180k stars), MCP Server Builder (shareAI-lab/learn-claude-code, 78k stars) and Typescript Style (tjx666/vscode-mcp, 105 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
holaboss-ai (a GitHub organization) maintains it in holaboss-ai/holaOS, which has 11,455 GitHub stars. The repository holds 30 skills in this directory. The repository was last updated on August 21, 2026.
Source: holaboss-ai/holaOS on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.