Frontend Textbooks
onepixelaway/frontend-textbooks
Turns a manuscript into a designed US Letter HTML book with a matching PDF, original cover art and checks that the manuscript text is preserved.
Agent skill
Design a Field Service Mobile Data Capture Flow from either a natural-language description OR a PDF/image of an existing paper form.
$ npx skills add forcedotcom/sf-skills --skill field-service-data-capture-form-designer-configure -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install forcedotcom/sf-skills field-service-data-capture-form-designer-configure --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/forcedotcom/sf-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/field-service-data-capture-form-designer-configure .claude/skills/field-service-data-capture-form-designer-configure && 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 "field-service-data-capture-form-designer-configure" agent skill from https://github.com/forcedotcom/sf-skills/tree/main/skills/field-service-data-capture-form-designer-configure into .claude/skills/field-service-data-capture-form-designer-configure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "field-service-data-capture-form-designer-configure", 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/forcedotcom/sf-skills/tree/main/skills/field-service-data-capture-form-designer-configureType 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 forcedotcom/sf-skills --skill field-service-data-capture-form-designer-configure -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install forcedotcom/sf-skills field-service-data-capture-form-designer-configure --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/forcedotcom/sf-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/field-service-data-capture-form-designer-configure .agents/skills/field-service-data-capture-form-designer-configure && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "field-service-data-capture-form-designer-configure" agent skill from https://github.com/forcedotcom/sf-skills/tree/main/skills/field-service-data-capture-form-designer-configure into .agents/skills/field-service-data-capture-form-designer-configure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "field-service-data-capture-form-designer-configure", 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 forcedotcom/sf-skills --skill field-service-data-capture-form-designer-configure -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install forcedotcom/sf-skills field-service-data-capture-form-designer-configure --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/forcedotcom/sf-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/field-service-data-capture-form-designer-configure .cursor/skills/field-service-data-capture-form-designer-configure && 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 "field-service-data-capture-form-designer-configure" agent skill from https://github.com/forcedotcom/sf-skills/tree/main/skills/field-service-data-capture-form-designer-configure into .cursor/skills/field-service-data-capture-form-designer-configure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "field-service-data-capture-form-designer-configure", 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/forcedotcom/sf-skills.git --path skills/field-service-data-capture-form-designer-configure--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 forcedotcom/sf-skills --skill field-service-data-capture-form-designer-configure -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install forcedotcom/sf-skills field-service-data-capture-form-designer-configure --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/forcedotcom/sf-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/field-service-data-capture-form-designer-configure .gemini/skills/field-service-data-capture-form-designer-configure && 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 "field-service-data-capture-form-designer-configure" agent skill from https://github.com/forcedotcom/sf-skills/tree/main/skills/field-service-data-capture-form-designer-configure into .gemini/skills/field-service-data-capture-form-designer-configure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "field-service-data-capture-form-designer-configure", 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 forcedotcom/sf-skills field-service-data-capture-form-designer-configureInstalls 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 forcedotcom/sf-skills --skill field-service-data-capture-form-designer-configure -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/forcedotcom/sf-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/field-service-data-capture-form-designer-configure .github/skills/field-service-data-capture-form-designer-configure && 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 "field-service-data-capture-form-designer-configure" agent skill from https://github.com/forcedotcom/sf-skills/tree/main/skills/field-service-data-capture-form-designer-configure into .github/skills/field-service-data-capture-form-designer-configure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "field-service-data-capture-form-designer-configure", 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 forcedotcom/sf-skills --skill field-service-data-capture-form-designer-configure -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install forcedotcom/sf-skills field-service-data-capture-form-designer-configure --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/forcedotcom/sf-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/field-service-data-capture-form-designer-configure .opencode/skills/field-service-data-capture-form-designer-configure && 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 "field-service-data-capture-form-designer-configure" agent skill from https://github.com/forcedotcom/sf-skills/tree/main/skills/field-service-data-capture-form-designer-configure into .opencode/skills/field-service-data-capture-form-designer-configure/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "field-service-data-capture-form-designer-configure", 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.
field-service-data-capture-form-designer-configureDesign a Field Service Mobile Data Capture Flow from either a natural-language description OR a PDF/image of an existing paper form.
Field Service Data Capture Form Designer Configure is an agent skill from forcedotcom/sf-skills. Design a Field Service Mobile Data Capture Flow from either a natural-language description OR a PDF/image of an existing paper form. Extracts field labels, types, required-state, and section structure into an intermediate JSON spec, confirms the plan with the user, then hands off to fs-data-capture-form-deployer for compile + deploy. Handles both input modes in one skill — prose ('build a Field Service form for asset inspection', 'make a DataCaptureFlow that asks the technician to…', 'create an inventory transfer…
Its SKILL.md is about 2.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files, including reference files (for example `references/extraction-from-image.md` and `references/extraction-from-prompt.md`).
It sits in Documents & Office, covering PDF. The repository describes itself as: Salesforce's curated collection of agent skills for building applications. Optimized for Agentforce Vibes, compatible with all AI tools. The licence is Apache-2.0.
6 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 4bbae5c. 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.
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
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.
Field Service Data Capture Form Designer Configure loads about 2.5k tokens when it runs, and up to ~11k if it reads all its reference files. Until then it costs about 232 tokens; SKILL.md has 1,224 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 forcedotcom/sf-skills at commit 4bbae5c, republished under its Apache-2.0 licence (© forcedotcom). 1,224 words, ~2,539 tokens.
.claude/skills/field-service-data-capture-form-designer-configure/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.This skill produces an intermediate JSON spec from the user's input — a
natural-language description or a PDF/image of an existing form — gets the
user's approval on the plan, and then invokes fs-data-capture-form-deployer to
compile and deploy.
The user asks for a Data Capture Flow / Field Service Mobile form. The input arrives in one of two modes:
.pdf, .png, .jpg, or .jpeg file. Examples:Detect the mode from the input: if the user supplied a .pdf / .png / .jpg / .jpeg path, use image/PDF mode; otherwise use prose mode. Everything after extraction (steps 2-6) is identical for both.
Prose mode — read the description carefully; don't fabricate fields. Extract only the fields the user actually mentioned. Don't invent extra fields based on what "usually goes on" an inspection form. If the user says "asks for asset id, condition rating, photos, and remarks", emit four fields, not eight.
If the user's description is too vague to produce a usable form ("build a form that captures stuff about a service appointment"), ask one or two targeted questions before extracting — what fields they want, whether there's a parent record, what should happen on submit. Don't guess.
Then apply the prose-evidence rules in reference/extraction-from-prompt.md.
Image / PDF mode — read the file.
Use the Read tool on the path the user gave you. PDFs and images are natively supported. If the PDF is more than 10 pages, ask the user which pages contain the form (the Read tool requires a pages parameter for large PDFs).
Then apply the control-evidence rules in reference/extraction-from-image.md.
Apply every rule in the mode-appropriate extraction reference (from step 1). The output schema is defined by the input contract of the build skill:
postScreen block.Write the JSON to /tmp/data-capture-spec.json.
A data capture form is a means, not an end. Before asking for approval, decide what should happen in Salesforce when the user submits the form:
postScreen block with the named (or best-guess) object and field API names. When it's a best guess, list every valueRef / field in the confirmation step so the user can correct names.postScreen is valid, but you must say so explicitly in the confirmation step.See the mode-appropriate extraction reference for the full outcome-elicitation rules.
Show the user what you plan to build before deploying. Use AskUserQuestion to gate the handoff to Build.
In the question body or surrounding text, plainly state:
postScreen block was generated, list every Salesforce object name and every field API name it references. Object/field API names are the most common source of post-deploy errors.formTitle and the proposed <FlowApiName> (PascalCase, no spaces).Signature, UploadFile, UploadImage, Images, Matrix, Address, Lookup, FileView, or Repeater in the spec, name the field and the evidence — in prose mode the prose evidence ("user said 'parts repeater'", "user described a sign-here pad"); in image mode the visual evidence ("damagePhoto → UploadImage because the source has a camera-icon button"). These deploy as real functional components (dcSignature, dcUpImage, etc.) — so emitting them when the user only meant a text field (prose) or when you can only point to the field's label (image) is the most common extraction bug. If the matching control vocabulary / visual control isn't present, downgrade to ShortText/LongText/Numeric and call it out.Lookup, list the lookupObject (Salesforce object API name) and lookupSearchFields you chose. For every FileView, list the fileName. These names are common sources of post-deploy errors — surface them so the user can correct.dcTextInput placeholder (only happens for Lookup with no lookupObject and FileView with no fileName).Offer the user clear options:
/tmp/data-capture-spec.json directly, then re-run from step 4.Do not proceed to step 5 without explicit approval.
Once approved, hand the approved spec to fs-data-capture-form-deployer. Pick a <FlowApiName> matching ^[A-Z][A-Za-z0-9_]*$ (default: PascalCase of formTitle), then follow that skill's workflow — it runs entirely over REST through the Codey runtime, with no sf CLI, no scripts, and no .flow-meta.xml:
SELECT Id FROM Organization LIMIT 1 REST probe; the runtime resolves the connected org — this family does not manage aliases).Metadata object directly; there is no XML compile step.POST /services/data/vXX.0/tooling/sobjects/Flow carrying { "FullName": "<FlowApiName>", "Metadata": { ... } } — deployer §4.After deploy, follow the reporting + error-handling steps in fs-data-capture-form-deployer/SKILL.md §5.
After a successful deploy, the flow exists but is invisible from the Forms tab on any Service Appointment / Work Order. Ask the user whether they want it attached to a specific parent (the canonical "pending form" pattern). If yes, follow the attach steps in fs-data-capture-form-deployer/SKILL.md §6 — a single POST /services/data/vXX.0/sobjects/DynamicDataCapture (no scripts). For SA-context testing, attach to the SA's parent Work Order, not the SA itself — FSL Mobile reads Forms from the parent Work Order.
fs-data-capture-form-editor.dcSignature/dcUpImage, master-detail child records, supporting CustomObjects) → fs-data-capture-reference library skill.reference/extraction-from-prompt.md — prose-evidence rules for picking field types from user descriptions, screen grouping, visibility rules, outcome-elicitation, validation checklist. Used in prose mode.reference/extraction-from-image.md — control-evidence rules for picking field types from rendered widgets, repeater extraction rules, screen grouping, visibility rules, outcome-elicitation, validation checklist. Used in image / PDF mode.© forcedotcom, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 2 other files (references) in skills/field-service-data-capture-form-designer-configure of forcedotcom/sf-skills.
Open the folder on GitHubat commit 4bbae5c
Field Service Data Capture Form Designer Configure 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 |
|---|---|---|---|---|---|---|
| Field Service Data Capture Form Designer Configure this skillforcedotcom/sf-skills | 1.1k | — | ~2.5k | Automated safety check: Pass | Apache-2.0 | |
| Frontend Textbooksonepixelaway/frontend-textbooks | 107 | — | ~3.5k | Automated safety check: Pass | MIT | |
| Illustrator Preflightie3jp/illustrator-mcp-server | 157 | — | ~2.2k | Automated safety check: Pass | MIT | |
| Kicadaklofas/kicad-happy | 1.4k | 1 repos | ~20k | Automated safety check: Pass | MIT | |
| Frappe Syntax PrintImpertio-Studio/Frappe_Claude_Skill_Package | 189 | — | ~3k | Automated safety check: Pass | MIT | |
| Concrete Beam Designh30190/HJPLUS_Taiwan_Architect_KB | 158 | — | ~1.5k | Automated safety check: Pass | CC-BY-SA-4.0 |
onepixelaway/frontend-textbooks
Turns a manuscript into a designed US Letter HTML book with a matching PDF, original cover art and checks that the manuscript text is preserved.
ie3jp/illustrator-mcp-server
Run comprehensive pre-press preflight checks on Adobe Illustrator documents using illustrator-mcp tools.
aklofas/kicad-happy
Analyze KiCad projects and PDF schematics: schematics, PCB layouts, Gerbers, footprints, symbols, netlists, and design rules.
Impertio-Studio/Frappe_Claude_Skill_Package
A skill your agent uses when creating print formats or generating PDFs in Frappe v14-v16.
h30190/HJPLUS_Taiwan_Architect_KB
This skill should be used when an architect or structural designer needs to verify PDF-backed concrete beam requirements such as minimum beam depth, T-beam effective flange width, minimum shear…
h30190/HJPLUS_Taiwan_Architect_KB
This skill should be used when an architect or structural designer needs to verify PDF-backed concrete column requirements such as longitudinal reinforcement ratio, minimum longitudinal-bar count…
forcedotcom/sf-skills
Declared architecture snapshot for one Agentforce agent: planner, topics, actions, flows, Apex, prompt templates, and NGA plugins.
forcedotcom/sf-skills
Data Cloud 360° view of a single Agentforce session. An agent skill from forcedotcom/sf-skills.
forcedotcom/sf-skills
Apply a Salesforce sandbox post-copy automation JSON config against a target org.
forcedotcom/sf-skills
Apply a Salesforce sandbox post-copy automation JSON config against a target org.
forcedotcom/sf-skills
Apply SLDS-compliant UI using the correct blueprints, styling hooks, utility classes, and icons.
forcedotcom/sf-skills
Lightning Web Components with PICKLES methodology and 165-point scoring.
Categories
Design a Field Service Mobile Data Capture Flow from either a natural-language description OR a PDF/image of an existing paper form. Field Service Data Capture Form Designer Configure is an agent skill from forcedotcom/sf-skills. Design a Field Service Mobile Data Capture Flow from either a natural-language description OR a PDF/image of an existing paper form.
Field Service Data Capture Form Designer Configure fits situations like: patch an already-deployed flow — thats fs-data-capture-form-editor; tasks that involve PDF.
Run `npx skills add forcedotcom/sf-skills --skill field-service-data-capture-form-designer-configure -a claude-code`. Or copy the skill folder (skills/field-service-data-capture-form-designer-configure in forcedotcom/sf-skills) into .claude/skills/field-service-data-capture-form-designer-configure in your project. Claude Code loads it when a task matches its description.
Run `npx skills add forcedotcom/sf-skills --skill field-service-data-capture-form-designer-configure -a codex`. Or copy the skill folder (skills/field-service-data-capture-form-designer-configure in forcedotcom/sf-skills) into .agents/skills/field-service-data-capture-form-designer-configure 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 forcedotcom/sf-skills --skill field-service-data-capture-form-designer-configure -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/field-service-data-capture-form-designer-configure, .gemini/skills/field-service-data-capture-form-designer-configure, .github/skills/field-service-data-capture-form-designer-configure and .opencode/skills/field-service-data-capture-form-designer-configure in your project.
SKILL.md names no scripts, command-line tools or credentials: Field Service Data Capture Form Designer Configure is instructions for the agent only.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. 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.
Field Service Data Capture Form Designer Configure is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.5k tokens (SKILL.md is roughly 10k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 8.8k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Field Service Data Capture Form Designer Configure: Frontend Textbooks (onepixelaway/frontend-textbooks, 107 stars), Illustrator Preflight (ie3jp/illustrator-mcp-server, 157 stars), Kicad (aklofas/kicad-happy, 1.4k stars) and Frappe Syntax Print (Impertio-Studio/Frappe_Claude_Skill_Package, 189 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
forcedotcom (a GitHub organization) maintains it in forcedotcom/sf-skills, which has 1,067 GitHub stars. The repository holds 252 skills in this directory. The repository was last updated on October 9, 2026.
Source: forcedotcom/sf-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.