Faq Page
This generates a working FAQ page with accordion sections, live search, and category filters. You get 12-18 realistic questions across 3-4 categories, all in a single HTML file with inline CSS and JS. The accordion uses proper ARIA or native details/summary elements, search filters questions case-insensitively as you type, and category pills toggle what's visible. It's useful when you need a help center or support page but don't want to wire up a backend. The skill reads your design system tokens for buttons and inputs, writes domain-specific questions instead of placeholders, and handles edge cases like very short FAQ lists by skipping the filters entirely.
- skills.sh installs
- 2.9K
- GitHub stars
- 106.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nexu-io/open-design --skill faq-page --agent claude-codeInstalls into .claude/skills of the current project.
Files
FAQ Page Skill
Produce a single FAQ page with collapsible accordion sections, search, and category filtering.
Workflow
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/nexu-io/open-design
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from nexu-io/open-design
All 217- Domain Name Brainstormer2.9K
- Ai Music Album2.9K
- Release Notes One Pager2.9K
- Swiss User Research Video Template2.9K
- Fal Vision2.9K
- Minimax Docx2.9K
- Speech2.9K
- Fal Tryon2.9K
- Paywall Upgrade Cro2.9K
- Deck Guizang Editorial2.8K
- Fal Restore2.8K
- Venice Image Edit2.8K
- Fal Video Edit2.8K
- Sora2.8K
- Figma Generate Library2.8K
- Gif Sticker Maker2.8K
- Venice Audio Speech2.8K
- Stitch Loop2.8K
- Replicate2.8K
- Figma Code Connect Components2.8K
- Figma Create New File2.8K
- Design Taste Frontend2.8K
- Fal Kling O32.8K
- Venice Image Generate2.8K
Recommended
More Design & UI/UX
fal-restorenexu-io/open-designRestore and fix image quality — deblur, denoise, fix faces, and restore old documents using fal.ai's hosted restoration models.2.8Kskills.sh installssoranexu-io/open-designGenerate, remix, and manage short video clips via OpenAI's Sora API. Useful for cinematic shots, b-roll, and rapid concept video iteration.2.8Kskills.sh installsgif-sticker-makernexu-io/open-designConvert photos into animated GIF stickers in Funko Pop / Pop Mart style via the MiniMax API. Useful for personalized chat stickers and avatar packs.2.8Kskills.sh installs
emilkowal-animationspproenca/dot-skillsEmil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers o2.8Kskills.sh installs
designing-beautiful-websitestristanmanchester/agent-skillsDesigns UX/UI for websites and web apps: UX strategy, information architecture, user flows, wireframes, UI systems, component specs, and polished visual design.2.8Kskills.sh installscard-xiaohongshunexu-io/open-designXiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.2.8Kskills.sh installs