See above.
Concevez et construisez des sites web remarquables et mémorables en HTML, CSS et un peu de JS vanille (pages d'atterrissage, sites de produits, portfolios, sites personnels et pour petites entreprises), et refondez ceux qui existent, pour que les visiteurs pensent « waouh » en chargeant la page.
Cette compétence guide la création de sites web percutants et uniques, en insistant sur une approche méthodique en six étapes : comprendre le projet, définir une direction de design, rédiger le contenu, construire, examiner les captures d'écran et corriger, puis peaufiner et livrer. Elle repose sur trois piliers : décider du design avant d'écrire du code, concevoir un « moment waouh » pour le premier écran, et toujours examiner le résultat visuellement pour corriger les défauts. Le markdown inclut des références détaillées sur la typographie, la couleur, la mise en page, les favicons, et les animations, avec des scripts pratiques pour générer des échelles de typographie fluides et des jeux d'icônes. La compétence est conçue pour être utilisée avec des assistants IA comme Claude Code, mais aussi avec des éditeurs comme Cursor, et encourage l'écriture de contenu réel avant la mise en page, l'évitement des clichés marketing et des phrases génériques générées par IA, et l'utilisation de tokens CSS pour une cohérence parfaite.
npx skills add https://github.com/Real-Fruit-Snacks/killer-skills/tree/HEAD/skills/killer-designInstalled? Explore more Image skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
See above.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.