Building With Lobe UI
lobehub/lobe-ui
Build UI with the LobeHub design ecosystem — @lobehub/ui (plus its base-ui, chat, mobile, awesome, brand, mdx, i18n namespaces), @lobehub/icons, @lobehub/charts, @lobehub/fluent-emoji and…
A skill your agent uses when working in any FaasJS repo and no narrower FaasJS skill is already selected, or when a task spans project conventions, validation gates, security boundaries, and…
$ npx skills add faasjs/faasjs --skill faasjs-best-practices -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install faasjs/faasjs faasjs-best-practices --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/faasjs/faasjs.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/faasjs-best-practices .claude/skills/faasjs-best-practices && 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 "faasjs-best-practices" agent skill from https://github.com/faasjs/faasjs/tree/main/skills/faasjs-best-practices into .claude/skills/faasjs-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "faasjs-best-practices", 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/faasjs/faasjs/tree/main/skills/faasjs-best-practicesType 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 faasjs/faasjs --skill faasjs-best-practices -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install faasjs/faasjs faasjs-best-practices --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/faasjs/faasjs.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/faasjs-best-practices .agents/skills/faasjs-best-practices && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "faasjs-best-practices" agent skill from https://github.com/faasjs/faasjs/tree/main/skills/faasjs-best-practices into .agents/skills/faasjs-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "faasjs-best-practices", 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 faasjs/faasjs --skill faasjs-best-practices -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install faasjs/faasjs faasjs-best-practices --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/faasjs/faasjs.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/faasjs-best-practices .cursor/skills/faasjs-best-practices && 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 "faasjs-best-practices" agent skill from https://github.com/faasjs/faasjs/tree/main/skills/faasjs-best-practices into .cursor/skills/faasjs-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "faasjs-best-practices", 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/faasjs/faasjs.git --path skills/faasjs-best-practices--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 faasjs/faasjs --skill faasjs-best-practices -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install faasjs/faasjs faasjs-best-practices --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/faasjs/faasjs.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/faasjs-best-practices .gemini/skills/faasjs-best-practices && 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 "faasjs-best-practices" agent skill from https://github.com/faasjs/faasjs/tree/main/skills/faasjs-best-practices into .gemini/skills/faasjs-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "faasjs-best-practices", 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 faasjs/faasjs faasjs-best-practicesInstalls 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 faasjs/faasjs --skill faasjs-best-practices -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/faasjs/faasjs.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/faasjs-best-practices .github/skills/faasjs-best-practices && 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 "faasjs-best-practices" agent skill from https://github.com/faasjs/faasjs/tree/main/skills/faasjs-best-practices into .github/skills/faasjs-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "faasjs-best-practices", 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 faasjs/faasjs --skill faasjs-best-practices -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install faasjs/faasjs faasjs-best-practices --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/faasjs/faasjs.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/faasjs-best-practices .opencode/skills/faasjs-best-practices && 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 "faasjs-best-practices" agent skill from https://github.com/faasjs/faasjs/tree/main/skills/faasjs-best-practices into .opencode/skills/faasjs-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "faasjs-best-practices", 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.
faasjs-best-practicesA skill your agent uses when working in any FaasJS repo and no narrower FaasJS skill is already selected, or when a task spans project conventions, validation gates, security boundaries, and…
Faasjs Best Practices is an agent skill from faasjs/faasjs. Use when working in any FaasJS repo and no narrower FaasJS skill is already selected, or when a task spans project conventions, validation gates, security boundaries, and multiple FaasJS subsystems. For focused work, also load the relevant FaasJS skill: faasjs-project-workflow, faasjs-react-ant-design, faasjs-api-jobs, faasjs-pg, faasjs-plugins-runtime, faasjs-utils-data, or faasjs-specs.
Its SKILL.md is about 740 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It works with React, Ant Design and TypeScript. The repository describes itself as: 🚀 FaasJS is an agent-friendly full-stack TypeScript framework for building predictable, type-safe applications with minimal dependencies. The licence is MIT.
5 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 8136384. 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.
Shell commands in SKILL.md call:
npxFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
From 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.
Faasjs Best Practices loads about 741 tokens when it runs. Until then it costs about 103 tokens; SKILL.md has 323 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.
The full file from faasjs/faasjs at commit 8136384, republished under its MIT licence (© faasjs). 323 words, ~741 tokens.
.claude/skills/faasjs-best-practices/SKILL.md (or your agent's skills folder).tsconfig.json files before choosing imports or paths.vp check --fix && vp test when feasible; if not feasible, record why and run the smallest useful validation.faasjs-project-workflow.@faasjs/ant-design, useFaas, forms, tables, drawers, CRUD screens, or React tests: use faasjs-react-ant-design..api.ts, defineApi, HTTP plugin helpers, middleware, .job.ts, or defineJob: use faasjs-api-jobs.@faasjs/pg, QueryBuilder, table declarations, migrations, or PostgreSQL tests: use faasjs-pg.faasjs-pg and faasjs-api-jobs.faasjs-plugins-runtime.@faasjs/utils, JSON, YAML, stream helpers, or validation helpers: use faasjs-utils-data.faas.yaml, routing, HTTP protocol, or plugin contracts: use faasjs-specs.typeof, instanceof, and null checks as control-flow predicates.defineApi/defineJob handler context; keep business values visible as params.key.vp check --fix for formatting and linting.vp test or vp test <pattern> for tests.npx faas types after adding, renaming, moving, or removing .api.ts or .job.ts files.npx faasjs-pg migrate or targeted PG checks only when database changes require them and DATABASE_URL is available.© faasjs, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in skills/faasjs-best-practices of faasjs/faasjs.
Open the folder on GitHubat commit 8136384
Faasjs Best Practices 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 |
|---|---|---|---|---|---|---|
| Faasjs Best Practices this skillfaasjs/faasjs | 121 | — | ~741 | Automated safety check: Pass | MIT | |
| Building With Lobe UIlobehub/lobe-ui | 2.2k | — | ~2k | Automated safety check: Pass | MIT | |
| South Admin CRUD Generatorsouthliu/south-admin-react | 580 | — | ~1.7k | Automated safety check: Pass | MIT | |
| Local Testinglobehub/lobe-ui | 2.2k | — | ~2.1k | Automated safety check: Pass | MIT | |
| Admin Template Project Initializersouthliu/south-admin-react | 580 | — | ~519 | Automated safety check: Pass | MIT | |
| Using Docs Kitlobehub/lobe-ui | 2.2k | — | ~2.8k | Automated safety check: Pass | MIT |
lobehub/lobe-ui
Build UI with the LobeHub design ecosystem — @lobehub/ui (plus its base-ui, chat, mobile, awesome, brand, mdx, i18n namespaces), @lobehub/icons, @lobehub/charts, @lobehub/fluent-emoji and…
southliu/south-admin-react
Generates a full CRUD page - page component, data model and API client - from the south-admin-react project's own VS Code snippet templates.
lobehub/lobe-ui
Local browser verification for the lobe-ui component library and documentation site.
southliu/south-admin-react
Removes the south-admin-react template's demo pages, components and menu entries, after a dry-run preview and your confirmation, and cleans up the matching imports.
lobehub/lobe-ui
Set up and author a documentation site with @lobehub/docs-kit (the lobedocs CLI, React Router + Vite static docs used by ui.lobehub.com).
streamband/hydra-srt
A skill your agent uses for frontend work in webapp (React/TypeScript, UI implementation, tests, and refactors).
faasjs/faasjs
A skill your agent uses when building or reviewing FaasJS backend APIs and jobs: .api.ts files, defineApi, zod params schemas, HttpError, HTTP helpers, middleware/staticHandler, .job.ts files…
faasjs/faasjs
A skill your agent uses when working with @faasjs/pg or PostgreSQL in FaasJS: Tables declaration merging, QueryBuilder, select aliases, parameterized sql expressions, raw SQL, numeric/decimal/bigint…
faasjs/faasjs
A skill your agent uses when building or reviewing FaasJS plugins and runtime infrastructure: Plugin lifecycle hooks including concurrent mount and failed-mount retry behavior, InvokeData mutation…
faasjs/faasjs
A skill your agent uses when creating, configuring, reviewing, or onboarding a FaasJS project; working with create-faas-app, vp CLI, TypeScript or Vite config, feature folders, file and naming…
faasjs/faasjs
A skill your agent uses when building or reviewing FaasJS React UI, especially @faasjs/ant-design pages, useFaas, useFaasStream, faas requests, CRUD screens, Table faasData, Description faasData…
faasjs/faasjs
A skill your agent uses when implementing, reviewing, or verifying normative FaasJS runtime behavior and compatibility for faas.yaml, staged config discovery and merge order, zero-mapping route…
Works with
A skill your agent uses when working in any FaasJS repo and no narrower FaasJS skill is already selected, or when a task spans project conventions, validation gates, security boundaries, and…. Faasjs Best Practices is an agent skill from faasjs/faasjs. Use when working in any FaasJS repo and no narrower FaasJS skill is already selected, or when a task spans project conventions, validation gates, security boundaries, and multiple FaasJS subsystems.
Faasjs Best Practices fits situations like: working in any FaasJS repo and no narrower FaasJS skill is already selected; A task spans project conventions; validation gates; security boundaries.
Run `npx skills add faasjs/faasjs --skill faasjs-best-practices -a claude-code`. Or copy the skill folder (skills/faasjs-best-practices in faasjs/faasjs) into .claude/skills/faasjs-best-practices in your project. Claude Code loads it when a task matches its description.
Run `npx skills add faasjs/faasjs --skill faasjs-best-practices -a codex`. Or copy the skill folder (skills/faasjs-best-practices in faasjs/faasjs) into .agents/skills/faasjs-best-practices 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 faasjs/faasjs --skill faasjs-best-practices -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/faasjs-best-practices, .gemini/skills/faasjs-best-practices, .github/skills/faasjs-best-practices and .opencode/skills/faasjs-best-practices in your project.
Going by SKILL.md and its folder, Faasjs Best Practices needs the command-line tools its instructions call (npx). Our summary lists: Node.js.
SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. 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.
Faasjs Best Practices is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 741 tokens (SKILL.md is roughly 3k 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 Faasjs Best Practices: Building With Lobe UI (lobehub/lobe-ui, 2.2k stars), South Admin CRUD Generator (southliu/south-admin-react, 580 stars), Local Testing (lobehub/lobe-ui, 2.2k stars) and Admin Template Project Initializer (southliu/south-admin-react, 580 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
faasjs (a GitHub organization) maintains it in faasjs/faasjs, which has 121 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on September 3, 2026.
Source: faasjs/faasjs on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.