skills.rest
a-tabiji
a-tabijiCOMMUNITY
Explore all skills by this author →
GitHub

add-voice

Generate HTML for user testimonials using the existing .voice-item template.

Updated Apr 30, 2025
Search Tags:#automation#frontend#placeholders#web-content#testimonials#voices#html-template
One-click install
npx skills add https://github.com/a-tabiji/atima-lp --skill add-voice
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-voice
Source: https://github.com/a-tabiji/atima-lp/tree/main/.claude/skills/add-voice
Command: npx skills add https://github.com/a-tabiji/atima-lp --skill add-voice

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Add a new user testimonial to the voices section. Generates HTML following the existing template.

Core Features & Use Cases

  • Automates insertion of testimonials into the voices section using the existing .voice-item pattern.
  • Validates inputs and uses placeholders for missing images to maintain layout and accessibility.
  • Supports easy re-use of templates for consistent presentation across testimonials.

Quick Start

Add a new testimonial by providing the user attribute and testimonial text, and have the system generate the HTML snippet using the existing template.

Frequently Asked Questions about add-voice

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a new user testimonial to an existing HTML template?▼

To add a new user testimonial, provide the user attribute and testimonial text so the system generates an HTML snippet that matches your existing template structure and formatting.

What happens to missing images when inserting testimonials into web content?▼

Missing images are handled gracefully by applying placeholders during testimonial insertion, which maintains the layout structure and preserves accessibility across the voices section.

Can I automate testimonial insertion without breaking my current voice-item layout?▼

Yes, testimonial insertion reuses the current .voice-item structure to generate consistent HTML, ensuring new entries match the existing presentation pattern without layout disruptions.

Does this approach validate inputs before generating the testimonial HTML?▼

Input validation ensures only valid entries are used for generating the testimonial HTML, preventing malformed user attributes or text from breaking the template structure.

What's the best way to maintain consistent formatting across multiple user voices?▼

Reusing the existing HTML template for each new voice entry ensures consistent formatting and presentation across all testimonials, while validation prevents structural inconsistencies.

Why do I need placeholder handling for testimonial images on my website?▼

Placeholder handling for missing images is needed to maintain layout integrity and accessibility when a user provides text feedback but no profile picture or visual asset.

Related Skills

Explore More Content & Communication Skills→
twwchtwwch
68

infographic-creator

Translate text into AntV Infographic DSL snippets with template, data, and theme sections.

Community
Intermediate
doolindoolin

deploy-commit-sha

Display the deployed Git commit SHA on a web page.

Community
Intermediate
OpenCoworkAIOpenCoworkAI
2.0k

pptx

Generate, edit, and analyze PPTX decks from templates or HTML.

Official
Advanced
GenEducationGenEducation

pptx

Create, edit, validate, and inspect PPTX presentations without manual XML handling.

Official
Advanced