skills.rest
gooseworks-ai
gooseworks-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

render-ios-keyboard

Generate static iOS QWERTY keyboard HTML and CSS with custom layouts and suggestions.

6|1|Updated May 29, 2026
Search Tags:#CSS#HTML#video content#mockup#iOS keyboard
One-click install
npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill render-ios-keyboard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: render-ios-keyboard
Source: https://github.com/gooseworks-ai/gooseworks-ads-skills/tree/main/skills/atoms/messaging/render-ios-keyboard
Command: npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill render-ios-keyboard

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the need for a static iOS QWERTY keyboard representation in HTML and CSS, which can be used for video content creation and testing.

Core Features & Use Cases

  • Static Keyboard Generation: Generates HTML and CSS code for a static iOS QWERTY keyboard.
  • Custom Layouts: Supports different keyboard layouts like 'qwerty-lower', 'qwerty-upper', and 'numbers'.
  • Suggestions Bar: Allows customization of suggestions displayed above the keyboard.
  • Use Case: Use this Skill to create a mockup of someone typing on an iOS keyboard for video content.

Quick Start

Generate a static iOS QWERTY keyboard with suggestions using the render-ios-keyboard skill and the following command:

node render.js --out /tmp/kb.html --suggestions '"He",Hey,Heating' --layout qwerty-lower

Frequently Asked Questions about render-ios-keyboard

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

FAQPage Schema
How do I generate a static iOS keyboard HTML and CSS for video content?▼

You can generate a static iOS keyboard in HTML and CSS for video content by running a node script that outputs an HTML file. Specify the layout and suggestions to create a static mockup for your video.

What iOS keyboard layouts are supported for HTML and CSS mockups?▼

The supported iOS keyboard layouts for HTML and CSS mockups include qwerty-lower, qwerty-upper, and numbers. These static layout options allow you to represent different typing states in your video mockups.

Can I customize the suggestions bar on an iOS keyboard mockup?▼

Yes, you can customize the suggestions bar on the iOS keyboard mockup. The generation script accepts a comma-separated list of words to display specific text predictions above the static keyboard layout.

Does this iOS keyboard generator require external dependencies?▼

No, this iOS keyboard generator does not require external dependencies. It operates as a standalone script to produce static HTML and CSS files, making it easy to run in any standard Node.js environment.

Are the generated iOS keyboard HTML and CSS files interactive or static?▼

The generated iOS keyboard HTML and CSS files are strictly static. They are designed as visual mockups for video content creation and testing, meaning they do not capture live keystrokes or trigger interactive input events.

Related Skills

Explore More Design & Creative Skills→
MearmanMearman
3

md-to-latex

Convert Markdown documents into LaTeX format via file or standard input.

Community
Intermediate
z4nr34lz4nr34l

remotion-best-practices

Standardize Remotion best-practice guidance for video compositions.

Community
Basic
whyiloveher2411whyiloveher2411

hyperframes

Create video compositions and animations using HTML and GSAP.

Community
Advanced
bomberoxenviosdosruedasbomberoxenviosdosruedas

agency-ui-designer

Create design systems with component libraries and WCAG AA accessibility compliance.

Community
Advanced