kv0906/cc-skills
6 skills1.8k installs84 starsGitHub
Install
npx skills add https://github.com/kv0906/cc-skillsSkills in this repo
1Premium Frontend DesignThe premium-frontend-design skill guides production-grade interfaces that feel alive using WebGL, custom shaders, premium animations, and distinctive aesthetics aimed at Awwwards-quality results. Framework-flexible dependencies include three with react-three-fiber for 3D, plus animation choices among CSS, Framer Motion for React-native feel, or GSAP for complex timelines and scroll effects. Decision guide defaults to Framer Motion unless users request scroll effects or SplitText requiring GSAP Club. Core alive principle covers breathing ambient motion, responsive micro-interactions, dimensional depth via glassmorphism and parallax, and one delightful surprise element. Design thinking before code answers purpose, audience emotion, signature moment, and anti-patterns to avoid generic AI slop. Optional enhancements include paper-design shaders, lucide-react icons, and recharts for dashboards. Browser notes flag backdrop-filter Firefox fallbacks, WebGL CSS fallbacks, and progressive enhancement for starting-style. Templates and patterns in the skill cover hero sections, dashboards, and cinematic landing pages with intentional typography and motion. Use when generic templates are unacc.1.2kinstalls2Svg Artsvg-art is a kv0906/cc-skills agent skill that creates vector graphics through eight executable Python scripts outputting valid SVG to stdout or files via -o. Scripts cover generate_grid.py for grid patterns, generate_radial.py for spirals and sunbursts, generate_fractal.py for tree, Koch, and Sierpinski fractals, generate_wave.py for audio visualizations, generate_particles.py for constellations, generate_chart.py for bar, line, pie, and donut charts, generate_icon.py with 40+ UI icons, and optimize_svg.py for minification. Common CLI flags include --fill, --stroke, --stroke-width, --seed for reproducibility, and -o for file output with default fill #3B82F6. Developers reach for svg-art when they need parameterized icons, diagrams, or generative art for documentation and UI without manual Figma or Illustrator work.417installs3Excalidrawexcalidraw is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.41installs4Ralphralph is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.36installs5Planning With Filesplanning-with-files is a Claude Code skill for productivity & planning. It helps solo builders move faster with AI-assisted development.30installs6Gwsgws is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.15installs