gunaseelan13/skills

Latest recorded source activity: November 2, 2026 at 06:49

SkillsMP catalog refreshed: November 12, 2026 at 12:52

skills collected: 1

GitHub stars: 0
GitHub forks: 0

Install with an AI assistant

Copy this prompt into the AI assistant you're using.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/gunaseelan13/skills.

Repository README

Repository README source: README.md

Read the source README

Expand full README

# Skills Agent skills for Claude Code, Cursor, Codex and other coding agents. ## empty-film-state An empty state or feature explainer that shows instead of tells: a short looping skeleton film on the top half of a phone (or a browser window), then a title, one sentence and the way in. ```bash npx skills add gunaseelan13/skills --skill empty-film-state ``` ### Ask for it Name the screen and what the feature does. The agent writes the film's story, wires it to your theme and builds the state with your own components. - "Add an empty state to the Invoices page: show creating an invoice, with New invoice as the action." - "The Team page is empty for new workspaces. Make an empty film state that shows inviting someone." - "Explain the Offline mode setting with a film until it's turned on. The button opens its settings." It works on: | Platform | Engine | Example | |---|---|---| | Web, any framework | `assets/skeleton-film.js`, one canvas file, no dependencies | `webapp-demo.html`: a desktop app page; `demo.html`: mobile | | Android, Views and Material 3 | `assets/android/` | `ProjectsFilmView.kt` | | iOS, SwiftUI | `assets/ios/` | `ProjectsFilm.swift` | To see the web examples, serve `skills/empty-film-state/assets` (`python3 -m http.server`) and open `webapp-demo.html` or `demo.html`. Add `?theme=dark` for dark mode. ## License MIT, see [LICENSE](LICENSE).

Loading the repository README…

Posts

See all →

guna

@hellogunaseelanNov 2, 2026 07:35 UTC

Skill release postAnimate interfaces

Post summary

Turns empty list screens into short looping skeleton films that preview the feature before anything is created.

Original post

View Skill details · skills/skills-empty-film-state

Skills in this repository

classification pending

skill

occupation

description

updated

empty-film-state

unclassified

Design and build an empty state or feature explainer as a short looping skeleton film on a half phone (or browser window), with a title, one-line description and actions. Use when a list or page has nothing in it yet, when a feature needs a "how it works"…

2026-11-02

Showing 1 of 1 collected skill.