skills.rest
levkiss
levkissCOMMUNITY
Explore all skills by this author →
GitHub

new-project

Add a new project card to projects.html with specified details.

Updated Feb 17, 2026
Search Tags:#html#portfolio#website#add#project
One-click install
npx skills add https://github.com/levkiss/lev-cv-website --skill new-project-levkiss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: new-project
Source: https://github.com/levkiss/lev-cv-website/tree/main/.claude/skills/new-project
Command: npx skills add https://github.com/levkiss/lev-cv-website --skill new-project-levkiss

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the process of adding new projects to the website's project listing, ensuring consistency and saving manual HTML editing time.

Core Features & Use Cases

  • Project Card Creation: Generates a new project card with specified details.
  • Structured Insertion: Inserts the card into the projects.html file in the correct format and position.
  • Use Case: A developer finishes a new feature or project and wants to quickly add it to their portfolio website without manually crafting the HTML.

Quick Start

Use the new-project skill to add a project named 'Awesome App'.

Frequently Asked Questions about new-project

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a new project card to my portfolio website HTML?▼

Adding a new project card requires inserting project details into the projects.html file. This generates a structured card with description, achievements, tech stack, and accent color, saving manual HTML editing time.

What information do I need to provide to update my projects.html file?▼

Updating your projects.html file requires user input for project specifics if they are not provided. You need to supply the project description, achievements, tech stack details, and a chosen accent color to generate the complete card.

Can I automatically update the project preview section in index.html when adding a project?▼

Yes, adding a project facilitates updating the project preview section in index.html. The process structures the insertion into projects.html and simultaneously updates the preview section to reflect the newly added project details.

What is the best way to maintain consistency across project cards in an HTML portfolio?▼

The best way to maintain consistency across project cards in an HTML portfolio is using a structured insertion process. It automatically formats new entries with specified details like description, achievements, tech stack, and accent color in the correct position.

Does adding a project to projects.html require any external dependencies?▼

Adding a project to projects.html does not require external dependencies. The process relies solely on user input for project specifics to generate and insert the HTML card directly into the existing website files.

Related Skills

Explore More Software Engineering Skills→
Sagargupta16Sagargupta16
5

portfolio-updater

Update React portfolio JSON files for projects, achievements, and statistics.

Community
Intermediate
u-ichiu-ichi
276

visual-html-renderer

Render HTML bundles from document models with validation and preview.

Community
Advanced
BangDoriBangDori
11

design-system

Document Prowl's Liquid Glass design system with Tailwind CSS tokens.

Community
Basic
r9412460971-cloudr9412460971-cloud
31

static-page-builder

Generate responsive static websites with HTML/Tailwind or Vite+Tailwind templates.

Community
Intermediate