Design and review web and mobile interfaces using searchable guidance on colors, fonts, layouts, charts, and interaction. Generate a consistent design plan, then apply framework-specific advice and checks for accessibility, responsiveness, and visual consistency.
- Choose colors and fonts for a new app
- Design a dashboard and select suitable charts
- Review forms for accessibility and ease of use
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Prepare for salary negotiations by researching market pay, comparing salary, bonuses, equity, and benefits, and defining a justified counteroffer. Create tailored emails and call scripts, with alternative requests and responses when an employer pushes back.
- Researching market pay before negotiating an offer
- Comparing offers including bonuses, equity, and benefits
- Drafting a counteroffer email or call script
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Implement interfaces from Figma designs using the Figma MCP server. Retrieve design structure, screenshots, variables, and assets, then adapt the generated code to existing project components and styles and check it against the design.
- Implementing a screen from a Figma frame link
- Reusing existing components to match a design
- Retrieving images and SVG assets from Figma
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Generate or modify images through the Luma AI API using Photon models. The skill gathers image descriptions and options, supports reference images for visual guidance, and uses a bundled Python script to wait for completion and download results.
- Creating a landscape image for a website
- Generating square product images
- Guiding image style or composition with a reference
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Build interfaces with Tailwind CSS v4 using CSS-based configuration, layouts that adapt to their container, and shared color and spacing values. The skill guides responsive styling, dark mode, and reusable component patterns.
- Moving Tailwind CSS v3 configuration to v4
- Making cards adapt to their parent container
- Standardizing colors, spacing, and typography
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Create, update, explain, and compare Excalidraw diagrams through separate subagents. Keeps lengthy diagram data out of the main conversation, returning concise summaries of components, connections, structural differences, and completed changes.
- Explaining components and connections in an existing diagram
- Adding a component and its connections
- Creating an architecture diagram or flowchart
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Turn user data and interviews into research-backed personas, or representative user profiles. The toolkit also supports mapping user journeys, planning usability tests, and combining research findings to guide and validate design decisions.
- Creating personas from user data and interviews
- Mapping the steps of a customer journey
- Planning usability tests to validate a design
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Improve resume layouts with consistent fonts, spacing, section order, and clear headings. The skill recommends formatting that supports quick reading by recruiters and text parsing by applicant tracking systems, with guidance on file formats.
- Cleaning up a cluttered resume
- Reviewing formatting for applicant tracking systems
- Standardizing fonts, dates, and headings
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Create and refine draw.io diagrams by editing XML files, adjusting labels, arrows, and spacing, and using AWS icons. Export transparent PNG images for slides, with guidance for readable Japanese text and consistent layouts.
- Create an AWS architecture diagram
- Fix Japanese labels and overlapping arrows
- Export transparent PNG diagrams for slides
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Plan and build interfaces with visual choices grounded in the product and its audience. Guides color, typography, layout, motion, and interface wording, with review steps to keep the result specific to the brief.
- Establish a visual direction for a new website
- Redesign an interface that feels generic
- Plan colors, typefaces, and layout before coding
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Build custom interactive charts, maps, and network diagrams with d3.js. The skill guides data preparation, styling, resizing, and interactions such as zooming and tooltips, giving detailed control over how data appears and responds to users.
- Creating charts beyond standard library options
- Exploring relationships in a network diagram
- Adding zoom and tooltips to visualizations
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Create original generative art with p5.js, including particle systems and flowing patterns. Get a written artistic concept and an interactive HTML viewer with adjustable parameters, reproducible variations, and PNG downloads.
- Creating original art through code
- Exploring particle motion and flowing patterns
- Comparing variations with adjustable controls
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Generate and edit images through the OpenAI Image API using a bundled command-line tool. Create product shots, illustrations, and interface mockups, replace backgrounds, modify selected areas, or produce batches while specifying details to preserve.
- Creating product shots and website images
- Removing or replacing image backgrounds
- Editing selected objects or text in an image
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Plan a portfolio website that helps potential employers or clients understand your work and contact you. Covers site structure, project presentations, case studies explaining decisions and results, personal branding, and mobile usability.
- Planning a developer or designer portfolio
- Turning projects into detailed case studies
- Improving paths from project pages to contact
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Build or rewrite resume sections for a target role and career stage. Get tailored summaries, organized skills, achievement-focused experience entries, and guidance on education, optional sections, and the order in which to present them.
- Rewriting a summary for a career change
- Organizing skills for a technical role
- Presenting work experience through achievements
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Create animated GIFs for Slack emoji and messages using drawn shapes or uploaded images. Add motion such as bouncing, rotation, and fading, adjust dimensions and colors, and validate the finished file against Slack requirements.
- Create animated reaction emoji for Slack
- Animate an uploaded image
- Make a bouncing or rotating GIF for a message
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Make resume achievements more specific by identifying useful numbers, such as workload, time saved, or revenue. Guided questions uncover measurable contributions, while conservative estimates and documented reasoning help describe experience when exact records are unavailable.
- Add meaningful numbers to resume achievements
- Find measurable results in everyday work
- Estimate workload when exact records are unavailable
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Build videos in React with Remotion using task-specific rules and code examples. The skill covers animation timing, captions, audio, scene transitions, and media assets, helping guide implementation across common video creation tasks.
- Add word-highlighted captions to videos
- Create text animations and scene transitions
- Trim audio and adjust volume or playback speed
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Manage LinkedIn connection requests and follows with the Curviate CLI. Review pending invitations, preview actions, withdraw requests, and list connections or followers, with guidance on duplicate requests and delays before invitations appear.
- Sending connection requests with a personal note
- Reviewing received invitations
- Withdrawing pending connection requests
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Supports job searches and hiring through WorkorAI, from finding vacancies and applying to reviewing and inviting candidates. Explains matches using skill requirements and interview evidence, helping users understand why a job or candidate may fit.
- Finding jobs and checking skill matches
- Applying for jobs and managing invitations
- Comparing candidates using interview evidence
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Use Curviate CLI to search LinkedIn sales prospects and recruiting candidates, manage saved lists and hiring projects, and send messages. It also explains how to diagnose failures caused by subscriptions, account seats, or beta permissions.
- Search for prospects and save them to lead lists
- Manage candidates within hiring projects
- Send messages to prospects and candidates
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Turn a codebase into architecture documentation with Mermaid diagrams. Using the C4 model, a way to describe systems at different levels of detail, the skill explains external relationships, applications, internal components, deployment, and request flows.
- Explaining a system overview to stakeholders
- Documenting relationships between apps and databases
- Mapping internal components of a feature
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Develop HTML and JavaScript web games through small changes and repeated Playwright tests, which automate browser actions. Inspect gameplay screenshots, text representations of game state, and console errors to check controls, outcomes, and newly added features.
- Adding features to a browser game
- Testing movement, jumping, and attacks
- Checking score changes and win or lose transitions
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026
Manage LinkedIn job postings with Curviate CLI, a command-line tool. Covers drafting, updating, checking publication costs, publishing, closing listings, and retrieving applicants and résumés, with guidance on subscription requirements and delayed update visibility.
- Draft or update a LinkedIn job posting
- Check publication costs and subscription requirements
- Prepare to close a job posting
davila7/claude-code-templates☆ 32.8KUpdated Oct 22, 2026