frontend-design-pro
Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and...
Découvrez les skills Vie quotidienne, comparez leurs dépôts et consultez leurs instructions.
Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and...
Creates a control panel that allows runtime modification of values. When Claude needs to expose controls for the user to adjust variables and values.
Responsive layout considerations using CSS and Javascript. When Claude needs to build responsive, fluid layouts.
User interface pattern. When Claude needs to create an editable text region that contains inline pills or tokens, along with the ability to add them using a mention menu.
Returns URLs for logos and brand hex colors for apps in the Zapier ecosystem. When Claude needs to show logos or use brand colors.
Pixel-perfect implementation of Figma designs. When Claude needs to translate Figma designs into code with precise attention to autolayout, variables, and styles.
Project documentation patterns using README.md with visual diagrams. For creating and maintaining product-level documentation that's accessible in-app via CMD-I.
Create demonstration pages for components and hooks.
User interface animations and transitions. When Claude needs to create performant, tasteful animations.
A practical skill for managing state in React prototypes without heavyweight libraries.
Design aesthetics, typography, and layout. When Claude needs to produce designs that are inspired by Bauhaus, Minimalism, and Swiss movements.
Engineering principles for crafting well-built front-end user interfaces. When Claude needs to ensure the HTML, CSS, JS is performant and maintainable.
Systematic approaches to writing high-quality code with contract-first discipline and validation gates
Coordinate SDLC workflow execution, manage state, and orchestrate agent handoffs
Behavioral workflows and collaboration patterns for code review, agent coordination, and branch management. Use this skill when coordinating multi-agent work, managing code review processes, completing feature...
Systematic codebase analysis and project understanding workflows. Use this skill to analyze project structure, discover patterns, trace dependencies, and understand existing implementations before development w...
Write the test first, watch it fail, write minimal code to pass (user) - when implementing any feature or bugfix, before writing implementation code
Interactive idea refinement using Socratic method to develop fully-formed designs
Task lifecycle management using the shark CLI for tracking implementation progress, status updates, and team visibility
Market research, feasibility analysis, and context gathering workflows for product discovery phase. Use when conducting market research, competitive analysis, stakeholder interviews, technical feasibility asses...
Systematic debugging workflows for frontend, backend, tests, devops, and web issues. Provides structured approaches to isolate root causes and resolve problems efficiently.
UX and CX design workflows for wireframing, prototyping, and customer journey mapping. Use when creating wireframes, designing user interfaces, prototyping interactions, mapping customer journeys, or conducting...
Set up CI/CD pipelines, configure deployment automation, implement containerization, establish monitoring systems, and manage infrastructure as code. This skill provides systematic approaches to operations, dep...
Use when you need programming best practices, patterns, or documentation. Queries the Grimoire knowledge base for curated guidance on Go, Rust, Python, and more. Invoke before implementing features, debugging,...
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.