Agent skill

Faq Page

A Frequently Asked Questions (FAQ) page with collapsible accordion sections, search functionality, and category filtering.

Apache-2.0Auto-check passedSales & Support

Install Faq Page

skills CLI

$ npx skills add nexu-io/open-design --skill faq-page -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install nexu-io/open-design faq-page --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/nexu-io/open-design.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/faq-page .claude/skills/faq-page && rm -rf skills-src

Use ~/.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/

Paste into Claude Code

Install the "faq-page" agent skill from https://github.com/nexu-io/open-design/tree/main/skills/faq-page into .claude/skills/faq-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "faq-page", 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

$skill-installer install https://github.com/nexu-io/open-design/tree/main/skills/faq-page

Type 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.

skills CLI

$ npx skills add nexu-io/open-design --skill faq-page -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install nexu-io/open-design faq-page --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/nexu-io/open-design.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/faq-page .agents/skills/faq-page && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "faq-page" agent skill from https://github.com/nexu-io/open-design/tree/main/skills/faq-page into .agents/skills/faq-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "faq-page", 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.

skills CLI

$ npx skills add nexu-io/open-design --skill faq-page -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install nexu-io/open-design faq-page --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/nexu-io/open-design.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/faq-page .cursor/skills/faq-page && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "faq-page" agent skill from https://github.com/nexu-io/open-design/tree/main/skills/faq-page into .cursor/skills/faq-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "faq-page", 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

$ gemini skills install https://github.com/nexu-io/open-design.git --path skills/faq-page

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add nexu-io/open-design --skill faq-page -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install nexu-io/open-design faq-page --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/nexu-io/open-design.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/faq-page .gemini/skills/faq-page && rm -rf skills-src

Use ~/.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/

Paste into Gemini CLI

Install the "faq-page" agent skill from https://github.com/nexu-io/open-design/tree/main/skills/faq-page into .gemini/skills/faq-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "faq-page", 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.

GitHub CLI

$ gh skill install nexu-io/open-design faq-page

Installs 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).

skills CLI

$ npx skills add nexu-io/open-design --skill faq-page -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/nexu-io/open-design.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/faq-page .github/skills/faq-page && rm -rf skills-src

Use ~/.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/

Paste into GitHub Copilot

Install the "faq-page" agent skill from https://github.com/nexu-io/open-design/tree/main/skills/faq-page into .github/skills/faq-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "faq-page", 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.

skills CLI

$ npx skills add nexu-io/open-design --skill faq-page -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install nexu-io/open-design faq-page --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/nexu-io/open-design.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/faq-page .opencode/skills/faq-page && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "faq-page" agent skill from https://github.com/nexu-io/open-design/tree/main/skills/faq-page into .opencode/skills/faq-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "faq-page", 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.

Facts

Skill name: faq-page
GitHub stars: 100k
Token cost: ~1k tokens
SKILL.md length: 441 words
Files: 2
Skills in repo: 245
Repo updated: Oct 10, 2026
First seen: Oct 7, 2026
Licence: Apache-2.0

At a glance

A Frequently Asked Questions (FAQ) page with collapsible accordion sections, search functionality, and category filtering.

Works in 5 steps: Read the active DESIGN.md (injected… → Pick the domain from the brief (e.g.,… → Sections, in order → …
The brief asks for FAQ
SKILL.md covers Workflow, Output contract and Example questions by category
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Faq Page is an agent skill from nexu-io/open-design. A Frequently Asked Questions (FAQ) page with collapsible accordion sections, search functionality, and category filtering. Use when the brief asks for "FAQ", "help center", "questions", or "support page".

Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file.

It sits in Sales & Support, covering Help center and FAQ content. The repository describes itself as: 🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes… The licence is Apache-2.0.

When your agent uses it

The brief asks for FAQ
Tasks that involve Help center and FAQ content

Example prompts

“help center”
“questions”
“support page”
“/faq-page”

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

Read the active DESIGN.md (injected above). Use the component tokens for
Pick the domain from the brief (e.g., SaaS product, e-commerce, service)
Sections, in order
Write a single HTML document
Self-check

What it can do on your machine

Read from SKILL.md and the folder at commit 17e2559. It shows what the files ask for, not the result of running them.

Tool permissions
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.
Runs code
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.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Faq Page loads about 1k tokens when it runs. Until then it costs about 53 tokens; SKILL.md has 441 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~53
When it runs · the whole SKILL.md, loaded when a task matches: ~1k

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.

Safety

Auto-check passed

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.

SKILL.md

The full file from nexu-io/open-design at commit 17e2559, republished under its Apache-2.0 licence (© nexu-io). 441 words, ~1,013 tokens.

Download SKILL.mdSave it as .claude/skills/faq-page/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.

name: faq-page
description: A Frequently Asked Questions (FAQ) page with collapsible accordion sections, search functionality, and category filtering. Use when the brief asks for "FAQ", "help center", "questions", or "support page".
triggers: faq, FAQ, frequently asked questions, help center, support page, Q&A, 常见问题, 帮助中心
od.mode: prototype
od.platform: desktop
od.scenario: support

FAQ Page Skill

Produce a single FAQ page with collapsible accordion sections, search, and category filtering.

Workflow

Read the active DESIGN.md (injected above). Use the component tokens for interactive elements (accordion headers, search input, category pills).
Pick the domain from the brief (e.g., SaaS product, e-commerce, service) and write 12–18 real FAQ entries across 3–4 categories.
- Edge cases:
  - If the brief provides fewer than 8 FAQs, ask for more content or generate realistic questions based on the domain.
  - For 1–5 FAQs, skip categories and search; show a simple list.
  - For very long answers (>100 words), break into paragraphs or bullet points to maintain readability.
Sections, in order:
- Header — page title ("Frequently Asked Questions" or "Help Center"), optional subtitle (1 sentence explaining what users can find here).
- Search bar — prominent search input with placeholder text and icon. Functional JS to filter questions in real-time.
- Category filters — 3–4 pill-style buttons to filter by category (e.g., "Billing", "Account", "Technical", "General"). "All" selected by default.
- FAQ accordion — collapsible question/answer pairs:
  - Question as clickable header with expand/collapse icon (chevron or plus/minus).
  - Answer hidden by default, expands on click with smooth animation.
  - Each entry has data-category attribute for filtering.
- Footer CTA — "Still have questions?" section with contact link or support email.
Write a single HTML document:
- <!doctype html> through </html>, CSS and JS inline.
- Accordion uses semantic HTML (<details> and <summary> for progressive enhancement, or custom JS with proper ARIA attributes).
- Search filters questions by matching text in question or answer.
- Category filters show/hide questions based on data-category.
- Smooth transitions for expand/collapse (max-height or grid-template-rows).
- data-od-id on header, search, categories, accordion container, footer.
Self-check:
- Questions are specific and realistic (not generic placeholders).
- Answers are concise (2–4 sentences) but complete.
- Keyboard navigation works (Tab through questions, Enter to expand).
- Search is case-insensitive and filters by matching text.
- Only one accordion item expanded at a time (optional, depends on UX preference).
- Mobile-friendly (accordion headers are tappable, search is usable).

Show full SKILL.md (115 more words)Show less

Output contract

Emit between <artifact> tags:

<artifact identifier="faq-page" type="text/html" title="FAQ Page">
<!doctype html>
<html>...</html>
</artifact>

One sentence before the artifact, nothing after.

Example questions by category

Billing

How do I update my payment method?
What payment methods do you accept?
Can I get a refund?
How do I cancel my subscription?

Account

How do I reset my password?
Can I change my email address?
How do I delete my account?
What happens to my data after I cancel?

Technical

What browsers do you support?
Is there a mobile app?
How do I export my data?
What are your API rate limits?

General

What is [Product Name]?
How do I get started?
Do you offer customer support?
Where can I find your terms of service?

Files

SKILL.md and 1 other file in skills/faq-page of nexu-io/open-design.

SKILL.md
example.html

Open the folder on GitHubat commit 17e2559

Compare with similar skills

Faq Page 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.

Faq Page compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Faq Page this skillnexu-io/open-design	100k	—	~1k	Automated safety check: Pass	Apache-2.0	today
Brand Product Knowledge Builderlimecloud/lime	1.5k	—	~709	Automated safety check: Pass	Apache-2.0	yesterday
Cc10x Guideromiluz13/cc10x	165	—	~2.2k	Automated safety check: Pass	MIT	3 days ago
Yao Geo Intent Mineryaojingang/yao-geo-skills	871	—	~500	Automated safety check: Pass	MIT	9 days ago
Faq CollectorCherryHQ/cherry-studio	53k	—	~154	Automated safety check: Pass	AGPL-3.0	today
Eol Internal Enablementdeanpeters/Product-Manager-Skills	7.2k	—	~3.1k	Automated safety check: Pass	Custom licence	1 mo ago

Similar skills

Brand Product Knowledge Builder
limecloud/lime
将品牌产品资料、规格参数、卖点证据、FAQ、价格权益、竞品区别和合规边界，整理成符合 Agent Knowledge v0.6 document-first 标准、可被 AI 安全调用的产品资料知识库。适用于用户要求“整理产品知识库”“沉淀产品 FAQ”“把品牌产品资料变成项目资料”“维护产品资料包”的场景。
1.5k GitHub stars~709 tokensUpdated yesterday
Sales & SupportAuto-check passed
Cc10x Guide
romiluz13/cc10x
Answers questions about cc10x itself — what it is, how to install and configure it, how the router, workflows, memory, and hooks operate, and how to troubleshoot.
165 GitHub stars~2.2k tokensUpdated 3 days ago
Sales & SupportAuto-check passed
Yao Geo Intent Miner
yaojingang/yao-geo-skills
A skill your agent uses when a user asks for GEO 意图拓词、AI 搜索意图挖掘、AI 搜索问题集、问题簇、追问链路、查询重写、内容选题库、FAQ 题库、监测 Prompt 库, or AI Intent Miner.
871 GitHub stars~500 tokensUpdated 9 days ago
Sales & SupportAuto-check passed
Faq Collector
CherryHQ/cherry-studio
将成功解决的用户问题收录到 FAQ 知识库。问题解决后自动判断是否收录。也可以在用户说"收录到 FAQ"、"记录这个问题"、"add to FAQ"时手动触发。
53k GitHub stars~154 tokensUpdated today
Sales & SupportAuto-check passed
Eol Internal Enablement
deanpeters/Product-Manager-Skills
Build the support FAQ, sales talking points, and objection handling teams need before an EOL announcement.
7.2k GitHub stars~3.1k tokensUpdated 1 mo ago
Sales & SupportAuto-check passed
Satisfaction Feedback
Harryoung/efka
Handle user satisfaction feedback. An agent skill from Harryoung/efka.
104 GitHub stars~346 tokensUpdated 6 mo ago
Sales & SupportAuto-check passed

More from nexu-io/open-design

All 245 skills in this repo

Humanize PPT
nexu-io/open-design
Turns raw notes into a talk-ready slide outline with per-page image, diagram or video decisions, then checks the rendered deck against that outline.
100k GitHub stars~4k tokensUpdated today
Auto-check passed
Last 30 Days Trend Research
nexu-io/open-design
Produces a cited Markdown briefing on recent community sentiment and social reaction to a topic, labeling every source it could not actually check.
100k GitHub stars~1.3k tokensUpdated today
Auto-check passed
OpenDesign Contribution Flow
nexu-io/open-design
Helps newcomers contribute to OpenDesign: ship a skill or design system, translate docs, fix docs or report a bug, ending in a pull request or issue.
100k GitHub stars~3.5k tokensUpdated today
Auto-check: notes
Chat Motion Overlay Generator
nexu-io/open-design
Turns a chat transcript or screenshot into a configurable animated chat clip, rendered as a Remotion bundle with optional transparency.
100k GitHub stars~1.1k tokensUpdated today
Auto-check passed
Flowai Live Dashboard Template
nexu-io/open-design
Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity…
100k GitHub stars~865 tokensUpdated today
Auto-check passed
Hatch Pet
nexu-io/open-design
Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references.
100k GitHub stars~6k tokensUpdated today
Auto-check passed

Questions about Faq Page

What does Faq Page do?

A Frequently Asked Questions (FAQ) page with collapsible accordion sections, search functionality, and category filtering. Faq Page is an agent skill from nexu-io/open-design. A Frequently Asked Questions (FAQ) page with collapsible accordion sections, search functionality, and category filtering.

When should I use Faq Page?

Faq Page fits situations like: the brief asks for FAQ; tasks that involve Help center and FAQ content.

How do I install Faq Page in Claude Code?

Run `npx skills add nexu-io/open-design --skill faq-page -a claude-code`. Or copy the skill folder (skills/faq-page in nexu-io/open-design) into .claude/skills/faq-page in your project. Claude Code loads it when a task matches its description.

How do I install Faq Page in Codex?

Run `npx skills add nexu-io/open-design --skill faq-page -a codex`. Or copy the skill folder (skills/faq-page in nexu-io/open-design) into .agents/skills/faq-page in your project. Codex loads it when a task matches its description.

Can I use Faq Page in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add nexu-io/open-design --skill faq-page -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/faq-page, .gemini/skills/faq-page, .github/skills/faq-page and .opencode/skills/faq-page in your project.

What does Faq Page need to run?

SKILL.md names no scripts, command-line tools or credentials: Faq Page is instructions for the agent only.

Does Faq Page access the network?

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.

Is Faq Page safe to install?

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.

What licence does Faq Page use?

Faq Page 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.

How many tokens does Faq Page use?

About 1k tokens (SKILL.md is roughly 4.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Faq Page?

Skills that share tags, products or a category with Faq Page: Brand Product Knowledge Builder (limecloud/lime, 1.5k stars), Cc10x Guide (romiluz13/cc10x, 165 stars), Yao Geo Intent Miner (yaojingang/yao-geo-skills, 871 stars) and Faq Collector (CherryHQ/cherry-studio, 53k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Faq Page?

nexu-io (a GitHub organization) maintains it in nexu-io/open-design, which has 100,280 GitHub stars. The repository holds 245 skills in this directory. The repository was last updated on October 10, 2026.

Source: nexu-io/open-design on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Faq Page

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

FAQ Page Skill

Workflow

Output contract

Example questions by category

Files

Compare with similar skills

Similar skills

More from nexu-io/open-design

Related

Questions about Faq Page