atapifire

Procedural terrain generation with tile rendering, camera panning, and minimap overlay. Advanced HTML5 Canvas tutorial.

Detect and eliminate the 43 most common AI writing patterns that make output sound robotic and untrustworthy.

Enforces strict Red-Green-Refactor TDD cycle. Tests first, minimal implementation, then refactor. Inspired by obra/superpowers and Aider architect mode.

A structured self-improvement protocol for AI agents: capture execution signals, analyze patterns, and write retrospective documents that improve future performance.

A context-efficiency protocol that cuts token usage by 60-70% when navigating large codebases by searching for specific symbols before loading files.

Write and optimize X/Twitter content using exact engagement weights from Twitter's open-source algorithm, real reach killers, and high-value behaviors that compound distribution.

Parse HTTP examples from skill markdown, execute requests, validate responses, test error paths. For API-type skills.

Teaches agents how to analyze a codebase and generate effective CLAUDE.md files with progressive disclosure.

Audits dependencies for CVEs, outdated versions, license compliance, and unused packages. Auto-fix mode patches and cleans up safely.

Audit a UI component, page description, or HTML snippet against WCAG 2.2 AA criteria. Produces a checklist of pass/fail items with specific, actionable fixes — no generic advice.

Analyzes source code and generates comprehensive unit tests. Auto-detects framework (Vitest/Jest/pytest/Go), handles mocking, covers edge cases.

Deep review of React/TSX components against a 12-point checklist: hook violations, missing keys, ARIA attributes, memoization, prop drilling, missing dependencies, and more.

Generate complete Vitest/Jest/pytest table-driven tests for any function. Covers happy path, boundary values, null/undefined, async rejection, and type edge cases. Ready to run, zero placeholder text.

Transform a rough feature idea into a structured engineering spec: Requirements → Design → Tasks. Produces a SPEC.md ready for team handoff.

Analyzes staged git changes and generates conventional commit messages. Auto-detects scope, enforces imperative mood, handles breaking changes.

Animated real-time data dashboard with bar chart, line chart, donut chart, and live metrics. HTML5 Canvas, dark theme, 60fps.

Transform raw git commit history into a polished CHANGELOG entry in Keep a Changelog format. Categorizes, rewrites, and suggests the correct semver bump.

Paste a failed CI log (GitHub Actions, CircleCI, etc.) and get: failure category, root cause in plain English, exact fix command or code change, and flaky test detection.

Real-time markdown editor with split-pane live preview. Pure JavaScript, no external dependencies, dark theme. Type on the left, see rendered output on the right.

Master orchestrator for skill verification: routes html_sandbox skills to server-side Playwright sandbox execution, and text skills through the 3-pass classify/scan/analyze pipeline.

Generates PR descriptions from branch diffs and performs structured code review with must-fix/suggestion/question/praise categories.

Comprehensive guide for AI agents to interact with the SkillSlap platform API. Covers auth, CRUD, discovery, proofs, tips, verifications, slaps, toolkit, and rate limits.

Animated neural network visualization with signal propagation, node activations, and weighted connections. Feed-forward architecture with sigmoid activation.

Transform a branch diff into a structured GitHub PR description with summary, test plan, risk assessment, and migration notes. One command, zero blank PRs.

Identify and eliminate the 10 most common AI over-engineering patterns that inflate code complexity without adding value.

Interactive regex tester with live match highlighting, named group extraction, and a library of common patterns. Pre-loaded with email, URL, UUID, and date patterns.

Browse API endpoints interactively. Pre-loaded with the SkillSlap REST API spec — endpoints, parameters, response schemas, and status codes all in one view.

Animated canvas visualization of a realistic git branch history: 4 branches, 13 commits, merge commits, HEAD glow, and smooth auto-scroll. Pure HTML5 canvas.

Classify skills by type, requirements, and risk level. First step in the 3-pass verification pipeline.

OWASP Top 10 security scanner. Finds injection, XSS, broken auth, hardcoded secrets, vulnerable dependencies. Severity-ranked actionable report.

Diagnoses failing CI/CD pipelines from build logs. Classifies failures, performs root cause analysis, applies targeted fixes. Inspired by Codex gh-fix-ci.

Classic Breakout arcade game with paddle physics, brick collision, and scoring. Intermediate HTML5 Canvas tutorial.

Scan skills for 7 threat categories: prompt injection, data exfiltration, credential harvesting, destructive ops, social engineering, obfuscation, excessive permissions.

Paste a rough AI prompt and get an optimized version with an explanation of every improvement. Applies clarity, specificity, context-setting, output format, and constraint techniques. Works for Claude, GPT, Gemini, and any LLM.

Polyphonic chord synthesizer using Web Audio API. Plays a I→vi→IV→V chord progression (C-Am-F-G) using triangle wave oscillators routed through a BiquadFilter and AnalyserNode. Tests complex multi-node audio graph capture.

Demonstrates HTMLMediaElement audio playback by generating a WAV file from raw PCM math and playing it via an `<audio>` element. Tests the HTMLMediaElement.play() audio capture path.

Interactive drag-and-drop system architecture diagram builder. Pre-loaded with a microservices example. Add nodes, drag to rearrange, and export clean SVG.

Capture pixel-perfect screenshots of any website across 19 device profiles — from iPhone SE to 4K TV — using Playwright. Produces a labeled gallery + markdown report. Supports authenticated pages via storage-state, cookies, or Bearer token. Perfect for visual QA, responsive design audits, and sharing with AI agents for UI/UX feedback.

Demonstrates Web Audio API tone generation using OscillatorNode. Plays a 5-note ascending scale (C4→C5) with waveform visualization on canvas. Tests the AudioNode→AudioDestinationNode audio capture path.

Transform a schema change request into a complete migration plan: forward SQL, rollback SQL, index strategy, and a production deployment safety checklist.

Multi-perspective code review: correctness, security (OWASP), performance, and maintainability. Outputs severity-ranked findings with fix suggestions.

Review an API design for REST compliance, consistency, security, breaking changes, and developer experience. Accepts OpenAPI specs, markdown endpoint lists, or plain descriptions.

Analyze messy code and produce a safe, incremental refactor plan with risk assessment, rollback strategy, and a test-first checklist.

Interactive cellular automaton simulator with HTML5 Canvas. Click to toggle cells, watch patterns evolve with colorful generation-based hue shifting.

Context rules for AI agents working in TypeScript/Next.js App Router projects. Covers strict typing, server vs client components, Tailwind, Zod, and file conventions.

Interactive JSON tree viewer with collapsible nodes, color-coded types, real-time search, and copy-to-clipboard. Paste any JSON and explore it visually.

HTML5 Canvas particle fountain with gravity, color palettes, and fade trails. Beginner-friendly visual demo.

Run a full codebase health check in one command: dependency CVEs, security scan, complexity hotspots, and test coverage gaps. Produces a graded health report with prioritized fixes.

Audit Supabase Row Level Security policies for correctness and security: checks for missing RLS, unrestricted USING (true), missing WITH CHECK, anon access leaks, service-role bypasses, and auth.uid() typos that silently lock out all users.