Guide · Agent skill
How to use the B2B SaaS Sales Proposal Deck agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The B2B SaaS Sales Proposal Deck skill (skill name fs-electric-studio) tells an AI agent to write a sales proposal for an enterprise buyer and lay it out as a single-file HTML slide deck. It is aimed at sales and account teams, and at designers who want a strictly specified slide template. By the end of this guide you will know what the skill changes, how to install it, how to trigger it with a plain request, and what to check before you send the deck.
B2B SaaS Sales Proposal Decknexu-io/open-design · Apache-2.0 Download the skill Quick start
- 1Download the ZIP. Get the skill package from the skill page. It contains SKILL.md, example.html and open-design.json.
- 2Unzip into a skills folder. Place the folder in ~/.claude/skills/ for personal use, or in a project's .claude/skills/ folder for one project.
- 3Or upload it in the Claude apps. In the Claude apps, go to Settings → Capabilities → Skills and upload the skill.
- 4Make a request. Describe the enterprise buyer, the decision you want and the deadline, and ask for an HTML slide deck.
- 5Answer the essentials questions. The agent asks for audience, decision target, source materials, deadline and must-keep numbers before drafting.
- 6Review the slides. Read the slide plan and written slides, then check every figure against your own data.
- 7Open the HTML file. Open the single HTML file in a browser to preview and present the deck.
What the skill makes the agent do
An agent skill is a set of instructions that an AI agent loads when a request matches it. This one is written for a proposal aimed at an enterprise economic buyer. The proposal covers pain points, value, ROI and rollout, and is designed so that an internal champion can forward it without rewriting it.
The agent first gathers missing essentials, then produces a slide plan, written slides, and a self-review pass. The output is a single HTML file that follows a locked visual system: white and cobalt split panels, the Manrope font, and no other colours or fonts.
- Asks for missing essentials first, such as audience, decision target, source materials, deadline and must-keep numbers
- Produces a slide plan, then written slides
- Runs a self-review pass against the rubric: can the champion forward this internally without rewriting it?
- Outputs one single-file HTML slide deck
Install the skill: download, unzip, or upload
Download the ZIP from the skill page. The package contains three files: SKILL.md, example.html and open-design.json. You can install it in one of two ways.
For a personal install, unzip the folder into ~/.claude/skills/. For a single project, unzip it into that project's .claude/skills/ folder. Alternatively, upload the skill in the Claude apps under Settings → Capabilities → Skills.
- Personal: unzip into ~/.claude/skills/
- Project: unzip into the project's .claude/skills/ folder
- Claude apps: Settings → Capabilities → Skills, then upload
Trigger the skill with a natural request
You do not need a special command. The skill responds to requests that match its triggers, which include words such as sales, renewal, customer, b2b-sales, html deck and html slides. Describe the buyer, the decision you want, and the format.
A good request names the audience and the outcome. The skill will then ask for anything it is missing before it drafts slides.
- Write a B2B SaaS sales proposal deck for the design VP and procurement at a large retailer, as a single HTML file.
- Make a renewal deck for our economic buyer covering pain, value, ROI and rollout.
- Turn my notes into an html slides proposal for a design organisation. Ask me for anything missing first.
Review the output and check the facts
The skill shapes wording and structure. It does not verify facts. Every ROI figure, customer claim and number in the deck is yours to check before it goes to a buyer. Give the agent your source-of-truth numbers at the start so it does not invent them.
To view the deck, open the single HTML file in a browser. The source says the deck is built on a fixed 16:9 stage that scales to the window.
- Check every number against your source material
- Remove any claim you cannot back up
- Open the HTML file locally in a browser to preview
Customise the template without breaking the design
The skill starts from example.html, the seed file in the package. The skill says to keep its stage CSS, split-panel shell, corner marks, :root tokens and slide controller script, and to replace only slide content. Designers who want a reusable template should follow the same rule.
The skill forbids other colours, gradients, extra fonts, photography, illustrations, drop shadows and rounded hero cards. If your brand needs any of these, pick a different tool.
- Keep the :root colour and font tokens as they are
- Replace slide content only
- Expect the cobalt #4361ee and Manrope font to remain fixed
What people use it for
- Drafting a proposal deck for an economic buyer, design VP or procurement team at an enterprise
- Writing a renewal deck that a champion can forward internally
- Building a consistent HTML slide template that a designer reuses with new content
- Turning rough sales notes into a structured pain, value, ROI and rollout narrative
Frequently asked questions
How do I install the fs-electric-studio skill?
Download the ZIP from the skill page and unzip it into ~/.claude/skills/ for personal use, or into a project's .claude/skills/ folder. You can also upload it in the Claude apps under Settings → Capabilities → Skills.
Is the fs-electric-studio skill free to use?
The listing states the licence is Apache-2.0. The source does not describe pricing, so check the licence text in the package before using it commercially.
What do I need to run this skill?
You need an AI agent runtime that loads SKILL.md skills, and the ability to open a single HTML file in a browser locally. The skill does not run scripts and does not use the network, according to the listing.
Does the skill make the deck's ROI figures accurate?
No. The skill only shapes wording and structure and does not verify facts. Check every ROI figure and claim against your own data before sending the deck.
Can I change the colours or fonts to match my brand?
Not with this skill. It locks the palette to white, cobalt and near-black, and the Manrope font, and forbids gradients and imagery. Choose a more flexible deck tool if you need brand-custom styling.
Why won't my deck look right when I open it?
The deck is a single HTML file built on a fixed 16:9 stage that scales to the window. Open it in a regular browser on your own machine, and make sure you have not replaced the stage CSS or controller script that the skill says to keep.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Choose this skill if you are a sales or account team drafting a structured proposal for an enterprise economic buyer, or a designer who wants a strictly specified HTML slide template. Pick something else if you need flexible or brand-custom styling, or if you expect the tool to verify your ROI figures and claims.
Download the skill