
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
Create aesthetically pleasing, visually distinctive frontend UIs using research-backed prompting strategies from Anthropic's frontend aesthetics cookbook
Use when encountering any bug, test failure, or unexpected behavior. Combines systematic root cause analysis with rigorous verification.
--- name: gepetto description: Orchestrates a multi-step planning process: Research → Interview → Spec Synthesis → Plan → External Review → Sections --- # Gepetto: Deep Planning Orchestrates a multi-step planning process: Research → Interview → Spec Synthesis → Plan → External Review → Sections ## Workflow ### 1. Research & Discovery - **Codebase research:** Explore existing patterns and constraints. - **Web research:** Research new technologies or best practices. - **Spec Synthesis:** Combi
Use when debugging complex agentic workflows, long-running processes, or multi-step tool executions to ensure transparency and traceability.
Use during /closeout or between development iterations to apply continuous improvement (Kaizen) analysis to the codebase and process.
Index of specialized, low-frequency skills for specific use cases
Use when implementing any feature or bugfix, before writing implementation code
Generate branded images using Google Gemini's image generation API. Supports multiple formats (LinkedIn headers, Medium headers, square concepts, vertical explainers). Reads brand guidelines from the project's BRAND.md file for consistent visual identity.
Comprehensive git workflow including worktree isolation, branching, and branch finalization.
Use when connecting Claude to external apps (Slack, GitHub, Gmail, etc.) using the Composio Connect framework.
Generate software architecture documentation using C4 model diagrams in Mermaid syntax.
<!-- This skill integrates patterns from: - Original source: https://github.com/Dammyjay93/interface-design - Author: Dammyjay93 - License: MIT - Integrated into claude-code-quickstart SDK by Sandhya Simhan --> --- name: ui-development description: Build premium, crafted interfaces with audience alignment and design system memory. Automatically invoked by workflows for UI/frontend work. --- # UI Development & Premium Aesthetics ## Scope **Use for:** All web interfaces, dashboards,
Use when creating new skills, editing existing skills, or verifying skills work before deployment
Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies