html-widget
01Skill Claude CodeCodex
A guide for creating interactive visual components with HTML. These components can respond to user actions, animate ideas or display data.
30 tagged interactive, measured the same way as everything else here.
Browse within: visualization 5
Skill Claude CodeCodex
A guide for creating interactive visual components with HTML. These components can respond to user actions, animate ideas or display data.
Skill Claude CodeCodex
Orchestrate the SDD plus TDD plus BDD plus Boy Scout cycle from a CLAUDE.md. Generates specs, tests, implementations, reviews, and CI pipelines. Halts at red and green. Closes the deploy gate by design.
Skill Claude CodeCodex
Use when running LazyOwn inside a Hermes agent session. Provides Hermes-optimized MCP tools with compact output, checkpoint resume, dynamic rules, and native delegation planning.
Skill Claude CodeCodex
LazyOwn RedTeam Framework — penetration testing and C2 via MCP.
Skill Claude CodeCodex
Expert guidance for React Flow (@xyflow/react): building interactive node-based graphs, custom nodes and edges, handles, state management, layouting, TypeScript patterns, performance optimization, and theming. Use when writing React Flow code, creating custom nodes or edges, debugging flow issues, optimizing graph…
Skill Claude CodeCodex
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright…
Skill Claude CodeCodex
Interactive system flow tracing across CODE, API, AUTH, DATA, NETWORK layers with SQLite persistence and Mermaid export. Use for security audits, compliance documentation, flow tracing, feature ideation, brainstorming, debugging, architecture reviews, or incident post-mortems. Triggers on audit, trace flow, document…
rudy2steiner/travelmapify-skill
Skill Claude CodeCodex
Copy Xiaohongshu travel planning homework into interactive route maps with real FlyAI hotel search in seconds.
Skill Claude CodeCodex
Keep CHANGELOG.md current for releases and create the matching git tag during publishing.
Skill Claude CodeCodex
Refresh repository metrics, render a full chart dashboard (line, bar, area, pie, scatter, composed), and update README with a reproducible example.
Skill Claude CodeCodex
Update and validate Storybook after recent component, style, or behavior changes.
Skill Claude CodeCodex
Chunked interactive PR review — walks you through PRs chunk by chunk, surfaces existing reviewer feedback, and helps post thoughtful comments without cognitive overload. Use when the user wants to review a pull request, examine PR changes, or post review comments to GitHub. Also trigger when the user mentions a PR…
Skill Claude CodeCodex
Run an independent security audit of this repository before trusting it. Use when the user asks whether this project is safe, what it sends over the network, what it does to their computer, whether it is malware or spyware, or asks for a security review of this codebase.
drstarry/interactive-video-skill
Skill Claude CodeCodex
Turns docs, posts, and codebases into interactive walkthroughs — narrated animation, quizzes, and widgets. Use when the user wants to create an interactive walkthrough, onboarding video, explainer, or tutorial from any source. Also triggers on "make a lesson", "teach this visually", "interactive explainer", "turn this…
deveshpunjabi/3d-website-skill
Skill Claude CodeCodex
Expert skill for designing, building, and deploying modern premium websites with advanced animations and 3D interactive experiences using Three.js, React Three Fiber, GSAP, and Framer Motion. Use this skill whenever the user wants to build a website with 3D elements, create an immersive web experience, add interactive…
Skill Claude CodeCodex
Create production-grade AI-Hydro interactive learning modules — self-contained HTML files with executable Python cells, sliders, quizzes, scrollytelling, real AI-Hydro branding (animated gradient droplet logo, dark theme, cyan accent, Poppins/Nunito/Quicksand fonts), peer-reviewed citations, full provenance footer…