メニュー
このリポジトリの skills
SkillsMP は Leo-Atienza/atlas-claude から 158 件の skill を収集しています。skill を開くとソースと詳細を確認できます。
Leo-Atienza/atlas-claude収集済み skill 158 件中 40 件を表示しています。
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…
原文の言語: 英語