CC Skills

My personal curated and self-developed skills for Claude Code.

Skills

🎨 advanced-frontend-skill

Create award-winning, cinematic frontend interfaces that feel ALIVE. Combines 10+ years of creative frontend experience with technical excellence.

• WebGL, custom shaders, premium animations
• Distinctive aesthetics (Awwwards-level)
• Templates for heroes, dashboards, glass components
• Framework-flexible (React, Three.js, GSAP, Framer Motion)

📐 excalidraw

Generate Excalidraw-compatible JSON diagrams for visual documentation.

• Flowcharts, system architectures, user journeys
• Grid-based layout with precise positioning
• Templates for processing loops and decision trees
• Output .excalidraw.json files for excalidraw.com

🤖 ralph

Autonomous AI coding loop with clean slate iterations, PRD-driven features, and CI quality gates.

• Long-running autonomous coding tasks
• PRD-to-implementation workflow
• Quality gates and progress tracking

🖼️ svg-art-skill

Generate SVG graphics through programmatic Python scripts.

• Grid patterns, radial/spiral designs, fractals
• Waves, particles, constellations
• Data visualizations (bar, line, pie, donut charts)
• UI icons library with 40+ icons
• SVG optimization and minification

📋 plan-skill

Manus-style persistent markdown planning for complex tasks.

• 3-file pattern: task_plan.md, notes.md, deliverable
• Progress tracking with checkboxes
• Error logging and knowledge storage
• Context engineering (based on $2B Manus workflow)

Installation

Copy the skill folder to your Claude Code skills directory:

cp -r <skill-folder> ~/.claude/skills/

License

MIT