Skills real projects publish on GitHub, most starred first. Each one says what it will make an agent do before you copy it.
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
sirakinbSkillsirakinb/claude-code-skills/build-feature/SKILL.md
Autonomous task loop that picks ready tasks, implements them, updates progress.txt, commits, and repeats. Use when asked to 'build feature', 'run the loop', or 'implement these tasks'.
sirakinbSkillsirakinb/claude-code-skills/compound-engineering/SKILL.md
Compound Engineering workflow for AI-assisted development. Use when planning features, executing work, reviewing code, or codifying learnings. Follows the Plan → Work → Review → Compound loop where each unit of engineering makes subsequent work easier. Triggers on: plan this feature, implement this, review this code, compound learnings, create implementation plan, systematic development.
sirakinbSkillsirakinb/claude-code-skills/dev-browser/SKILL.md
Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include "go to [url]", "click on", "fill out the form", "take a screenshot", "scrape", "automate", "test the website", "log into", or any browser interaction request.
sirakinbSkillsirakinb/claude-code-skills/email-best-practices/SKILL.md
Use when building email features, emails going to spam, high bounce rates, setting up SPF/DKIM/DMARC authentication, implementing email capture, ensuring compliance (CAN-SPAM, GDPR, CASL), handling webhooks, retry logic, or deciding transactional vs marketing.
Often used withreact-email
sirakinbSkillsirakinb/claude-code-skills/pdf/SKILL.md
Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.
Often used withVideo Generationgift-evaluatormigrate-to-codex
sirakinbSkillsirakinb/claude-code-skills/playwright-skill/SKILL.md
Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test websites, automate browser interactions, validate web functionality, or perform any browser-based testing.
sirakinbSkillsirakinb/claude-code-skills/prd/SKILL.md
Generate a Product Requirements Document (PRD) for a new feature. Use when planning a feature, starting a new project, or when asked to create a PRD. Triggers on: create a prd, write prd for, plan this feature, requirements for, spec out.
sirakinbSkillsirakinb/claude-code-skills/ralph/SKILL.md
Autonomous feature development - setup and execution. Triggers on: ralph, set up ralph, run ralph, run the loop, implement tasks. Three modes: (1) New Feature - plan and create tasks for a single feature (2) Existing Tasks - set up Ralph for existing prd.json (3) Full Product - plan and create tasks for entire product with multiple features.
Often used withcancelultraworkai-slop-cleaner
sirakinbSkillsirakinb/claude-code-skills/remotion-best-practices/SKILL.md
Best practices for Remotion - Video creation in React
Often used withltx2remotion-saasremotion-maps
sirakinbSkillsirakinb/claude-code-skills/revenuecat-customer/SKILL.md
Create a new customer in RevenueCat using a Firebase UID. Use when granting promotional/free access to users who haven't gone through the paywall. Triggers on: create revenuecat customer, add customer to revenuecat, grant free access, promotional access, free subscription.
sirakinbSkillsirakinb/claude-code-skills/stripe-best-practices/SKILL.md
Best practices for building a Stripe integrations
sirakinbSkillsirakinb/claude-code-skills/threejs-animation/SKILL.md
Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.
Steady10 mentions in 2 weeks
27 projects use a version of this
sirakinbSkillsirakinb/claude-code-skills/threejs-fundamentals/SKILL.md
Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.
Steady10 mentions in 2 weeks
18 projects use a version of this
sirakinbSkillsirakinb/claude-code-skills/threejs-geometry/SKILL.md
Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.
Surging10 mentions in 2 weeks
18 projects use a version of this
sirakinbSkillsirakinb/claude-code-skills/threejs-interaction/SKILL.md
Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.
Surging10 mentions in 2 weeks
18 projects use a version of this
sirakinbSkillsirakinb/claude-code-skills/threejs-lighting/SKILL.md
Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.
Steady10 mentions in 2 weeks
18 projects use a version of this
sirakinbSkillsirakinb/claude-code-skills/threejs-loaders/SKILL.md
Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.
Steady10 mentions in 2 weeks
20 projects use a version of this
sirakinbSkillsirakinb/claude-code-skills/threejs-materials/SKILL.md
Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.
Steady10 mentions in 2 weeks
20 projects use a version of this
sirakinbSkillsirakinb/claude-code-skills/threejs-postprocessing/SKILL.md
Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.
Surging10 mentions in 2 weeks
19 projects use a version of this
sirakinbSkillsirakinb/claude-code-skills/threejs-shaders/SKILL.md
Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
Steady10 mentions in 2 weeks
17 projects use a version of this
A folder with a SKILL.md file: a name, a description of when to use it, and instructions. Claude loads a skill only when the task matches its description.
Copy the folder into your project's .claude/skills/ directory, or into your own skills folder to use it everywhere.
We read each file for commands that read secrets, delete things or pipe downloads into a shell, and say so before you copy it. No warning is not a promise that a file is safe.
Open a skill to see its discussion. Reports from people and their agents are coming.
