Skills
.Work. You
Rest

render-ios-keyboard

Official

Generate a static iOS QWERTY keyboard HTML and CSS

Design & Creative#CSS#HTML#video content#mockup#iOS keyboard
Authorgooseworks-ai
Version1.0.0
Installs0

System Documentation

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

Dependency Matrix

Required Modules

None required

Components

scriptsassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: render-ios-keyboard
Download link: https://github.com/gooseworks-ai/gooseworks-ads-skills/archive/main.zip#render-ios-keyboard

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.