skeletorflet/opencode-supreme-setup

skeletorflet/opencode-supreme-setup

Skill Claude Code

Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work. Prerequisite for every other Figma skill in this catalogue.

skeletorflet/opencode-supreme-setup

Skill Claude Code

Quarterly / monthly financial report — masthead with KPIs, revenue and burn charts, P&L summary table, top-line highlights, and an outlook paragraph. Use when the brief mentions "financial report", "Q3 report", "MRR review", "P&L", or "财报".

skeletorflet/opencode-supreme-setup

Skill Claude Code

Use when implementation is complete, all tests pass, and you need to decide how to integrate the work.

skeletorflet/opencode-supreme-setup

Skill Claude Code

Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity sparklines, and a top-contributors panel, all in a single self-contained HTML file with light/dark theming, hoverable…

skeletorflet/opencode-supreme-setup

Skill Claude Code

Implement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design.

skeletorflet/opencode-supreme-setup

Skill Claude Code

A skill for turning CSV or JSON data, or a stated finding, into an editorial-style chart or animated video frame inspired by The New York Times.

skeletorflet/opencode-supreme-setup

Skill Claude Code

A skill for drawing process or system diagrams as a whiteboard of connected sticky notes, using SVG lines and optional cursor interactions. SVG is a format for scalable browser graphics.

skeletorflet/opencode-supreme-setup

Skill Claude Code

A visual template for glitch-style title screens using offset colors, scan lines, noise, and brief distortions that resemble corrupted digital data.

skeletorflet/opencode-supreme-setup

Skill Claude Code

A visual template for cinematic title cards using warm light leaks, film grain, black letterbox bars, and large serif text.

skeletorflet/opencode-supreme-setup

Skill Claude Code

A visual template for fluid-looking hero backgrounds made with CSS, canvas, or WebGL, with large text layered over the moving background.

skeletorflet/opencode-supreme-setup

Skill Claude Code

A visual template for an animated logo ending, where logo pieces assemble, glow, and reveal a brand name, tagline, and call to action.

skeletorflet/opencode-supreme-setup

Skill Claude Code

A visual template for a macOS-style notification banner with an app icon, title, message text, and optional action button.

skeletorflet/opencode-supreme-setup

Skill Claude Code

Frontend design and UI/UX development tools for shipping production-ready interfaces with strong typographic and layout discipline.

skeletorflet/opencode-supreme-setup

Skill Claude Code

Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.

skeletorflet/opencode-supreme-setup

Skill Claude Code

Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.

skeletorflet/opencode-supreme-setup

Skill Claude Code

Generate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.

skeletorflet/opencode-supreme-setup

Skill Claude Code

Capture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports.

skeletorflet/opencode-supreme-setup

Skill Claude Code

A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage. Frame 1: cover / poster, Frame 2: today's quests with XP ribbons and a level bar, Frame 3: quest detail. Vivid quest tiles, level ribbon, bottom tab bar. Use when the brief asks for a "gamified app", "habit tracker", "RPG-style…

skeletorflet/opencode-supreme-setup

Skill Claude Code

Convert photos into animated GIF stickers in Funko Pop / Pop Mart style via the MiniMax API. Useful for personalized chat stickers and avatar packs.

skeletorflet/opencode-supreme-setup

Skill Claude Code

Set up Claude Code hooks to block dangerous git commands (push, reset --hard, clean, branch -D, etc.) before they execute. Use when user wants to prevent destructive git operations, add git safety hooks, or block git push/reset in Claude Code.

skeletorflet/opencode-supreme-setup

Skill Claude Code

GitHub repository analytics dashboard — stars, forks, contributors, issues, pull requests, recent activity, and top contributors. Use when the brief asks for a GitHub repo dashboard, open-source growth report, repository health page, or GitHub analytics view.

skeletorflet/opencode-supreme-setup

Skill Claude Code

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

skeletorflet/opencode-supreme-setup

Skill Claude Code

Grilling session that challenges your plan against the existing domain model, sharpens terminology, and updates documentation (CONTEXT.md, ADRs) inline as decisions crystallise. Use when user wants to stress-test a plan against their project's language and documented decisions.

skeletorflet/opencode-supreme-setup

Skill Claude Code

Core GSAP API with gsap.to(), from(), fromTo(), easing, duration, stagger, and defaults. Production-grade web animation primitives.