Menu
Skills in this repository
SkillsMP has collected 158 skills from Leo-Atienza/atlas-claude. Open a skill to review its source and details.
Leo-Atienza/atlas-claudeShowing 40 of 158 collected skills.
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full…
Final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great.
Drizzle ORM 0.45 + Neon serverless Postgres for Next.js 16: schemas, HTTP vs WebSocket connections, migrations, RSC patterns, and this environment's Neon MCP tools.
Native iOS/Android release automation with Fastlane: TestFlight, App Store submission, Match signing, screenshots. For non-EAS pipelines and CI deploys; iOS lanes need macOS.
GitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts. Use when setting up CI build pipelines or downloading GitHub Actions artifacts via gh CLI and GitHub API.
any input (code, docs, papers, images) → knowledge graph → clustered communities → HTML + JSON + audit report
GSAP advanced — ScrollTrigger scroll-driven animation, plugins (Flip, Draggable, SplitText, DrawSVG, MorphSVG), and React/Vue/Svelte integration (useGSAP). Use for storytelling-scroll and marketing-page motion — see impeccable reference/motion-design.md §…
Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks…
GSAP core animation — tweens, timelines, utilities, and performance
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API,…
HyperFrames CLI dev loop. Use when running npx hyperframes init, add, catalog, capture, lint, validate, inspect, layout, snapshot, compare, grade-compare, preview, play, render, publish, feedback, lambda, doctor, browser, info, upgrade, skills, compositions,…
The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and…
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns…
Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand…
Entry skill for making or editing any video, animation, or motion graphic — HyperFrames renders video from HTML. Read this first: it routes the request to the right workflow and domain skills. Default for authoring finished video unless another framework is…
the user's primary skill for building or beautifying any web UI — web components, pages, artifacts, posters, landing pages, dashboards, or full apps. Produces distinctive, production-grade code that avoids generic AI aesthetics, grounded in project context…
Lenis — lightweight (3KB, MIT) smooth momentum scroll, the foundation layer of the scroll-storytelling stack. Use when implementing smooth scrolling or any scroll-driven storytelling page; always pair with GSAP ScrollTrigger (SK-044) via the GSAP-ticker sync…
Agent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a frozen local file or paste-ready block + ledger record (one verb, `resolve`); generate via TTS / music…
Design principles and review playbook for mobile apps (iOS / Android / React Native). Use when designing or reviewing a mobile screen, translating a Figma/Stitch reference to RN, building a glassmorphic / iOS-modern aesthetic, or critiquing a screenshot…
Motion (motion.dev, ex-Framer Motion; `motion` package v12+, MIT) — React spring-physics animation: springs, layout/layoutId, AnimatePresence exit animations, gestures, useScroll. Use for interaction-driven React animation (toggles, drag, hover-follow,…
Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions,…
Upgrade Next.js to the current stable 16.x (security floor 16.2.6 — May 2026 release; head 16.2.10 as of Jul 2026) following the official migration guide and codemods. Surfaces the May 2026 security advisory automatically — any project on next < 16.2.6 has…
Convert PowerPoint decks to PDF with full visual fidelity (fonts, images, charts, theme, layout) by driving the real PowerPoint or LibreOffice engine. Use whenever the user asks to convert .pptx/.ppt to PDF, export slides or a deck as PDF, or 'turn this…
Provides an incremental adoption strategy to migrate native iOS or Android apps to React Native or Expo using @callstack/react-native-brownfield for initial setup. Use when planning migration steps, packaging XCFramework/AAR artifacts, and integrating them…
Detect capability gaps and autonomously create skills, add free MCP servers, or organize agent teams. Trigger when: a task requires tools you don't have, a workflow pattern repeats 3+ times, a tool call fails because the capability is missing, or the user…
Generalized 'verify before declaring done' workflow. Use whenever about to claim a build/ship/deploy/commit task is complete. Verifies the actual artifact exists, is correct version, and is at the expected path — never trusts UP-TO-DATE messages, success-only…
Discover, adversarially vet, and safely vendor external skills (skills.sh / GitHub) into the ATLAS skill system. Use when running a skills.sh sweep for a capability system, evaluating a candidate skill before adoption, or asked to "vet this skill", "sweep…
Emit-ready SVG background generators — Haikei-equivalent waves/blobs/blurry-gradients/low-poly/peaks/steps/scatters — plus animated generative-canvas techniques (particles/flow-fields/noise/L-systems). Reach for hero & section backgrounds, dividers, ambient…
the user's entry point for building or beautifying any mobile/app UI — Expo/React Native screens, native iOS (SwiftUI), native Android (Jetpack Compose), or full apps. Produces distinctive, production-grade mobile code that avoids generic AI app aesthetics,…
Set up Tailwind CSS v4.3 in a Next.js 16 project (App Router) — PostCSS plugin, CSS-first @theme tokens, dark mode, plus the v4.2 webpack plugin path for non-Vite/Turbopack stacks and v4.3 utilities (scrollbars, @container-size, new palettes).
Raw / imperative Three.js reference (vanilla `import * as THREE`, no React) — scene/camera/renderer setup, geometries, materials, lighting, textures, the animation loop, GLTF/loaders, custom GLSL shaders (ShaderMaterial), EffectComposer post-processing, and…
Three.js 3D graphics in Next.js 16 + React 19 — React Three Fiber (R3F) + Drei. Verified-working SSR-safe install pattern (dynamic + ssr:false + 'use client'), current versions (three 0.185, R3F 9.6, drei 10.7), and copy-pasteable scene/camera/loader/scroll…
Scans Algorand smart contracts for 11 common vulnerabilities including rekeying attacks, unchecked transaction fees, missing field validations, and access control issues. Use when auditing Algorand projects (TEAL/PyTeal).
Prepares codebases for security review using Trail of Bits' checklist. Helps set review goals, runs static analysis tools, increases test coverage, removes dead code, ensures accessibility, and generates documentation (flowcharts, user stories, inline…
Scans Cairo/StarkNet smart contracts for 6 critical vulnerabilities including felt252 arithmetic overflow, L1-L2 messaging issues, address conversion problems, and signature replay. Use when auditing StarkNet projects.
Systematic code maturity assessment using Trail of Bits' 9-category framework. Analyzes codebase for arithmetic safety, auditing practices, access controls, complexity, decentralization, documentation, MEV risks, low-level code, and testing. Produces…
Smart contract development advisor based on Trail of Bits' best practices. Analyzes codebase to generate documentation/specifications, review architecture, check upgradeability patterns, assess implementation quality, identify pitfalls, review dependencies,…
Guides through Trail of Bits' 5-step secure development workflow. Runs Slither scans, checks special features (upgradeability/ERC conformance/token integration), generates visual security diagrams, helps document security properties for fuzzing/verification,…
Scans Solana programs for 6 critical vulnerabilities including arbitrary CPI, improper PDA validation, missing signer/ownership checks, and sysvar spoofing. Use when auditing Solana/Anchor programs.
Token integration and implementation analyzer based on Trail of Bits' token integration checklist. Analyzes token implementations for ERC20/ERC721 conformity, checks for 20+ weird token patterns, assesses contract composition and owner privileges, performs…