skills.rest
0dot77
0dot77COMMUNITY
Explore all skills by this author →
WebsiteGitHub

self-intro

Generate interactive single-file HTML self-introduction pages from guided prompts.

Updated Apr 2, 2026
Search Tags:#html#interactive#responsive#google-fonts#personal-website#self-introduction#web-generator
One-click install
npx skills add https://github.com/0dot77/lecture-kit --skill self-intro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: self-intro
Source: https://github.com/0dot77/lecture-kit/tree/main/.claude/skills/self-intro
Command: npx skills add https://github.com/0dot77/lecture-kit --skill self-intro

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill lets non-technical users quickly produce a single-file interactive self-introduction webpage by answering a short guided questionnaire, removing the need to write HTML, CSS, or JavaScript.

Core Features & Use Cases

  • Interactive guided Q&A (name, three representative items, vibe choice, optional hidden secret) that produces a complete index.html with inline CSS and JavaScript.
  • Vibe-driven interaction mapping with at least three distinct interactions per vibe (click, hover, scroll, drag, parallax, glitch, etc.), responsive and touch-friendly behavior, Google Fonts only, and a hidden easter-egg mechanism.
  • Ideal for users who want a shareable personal landing page for portfolios, social links, or local viewing without coding experience.

Quick Start

Use the trigger /self-intro or say "자기소개 페이지 만들어줘" and answer the prompts to generate an index.html file ready to open in your browser.

Frequently Asked Questions about self-intro

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

FAQPage Schema
How do I create an interactive personal website without writing HTML or CSS?▼

You can create an interactive personal website by answering a guided questionnaire that automatically generates a complete single-file index.html with inline CSS and JavaScript, requiring no coding experience.

Can I generate a responsive self-introduction page that works on touch devices?▼

Yes, the generated self-introduction page is fully responsive and supports touch events, ensuring that the interactive elements function correctly on both desktop browsers and mobile devices.

How to make a single-file HTML landing page with hidden easter-eggs?▼

Make a single-file HTML landing page by providing your details through a step-by-step prompt; the output embeds inline CSS and JavaScript, including a hidden easter-egg revealed by specific user interactions.

Does the generated self-introduction page rely on external JavaScript libraries?▼

No, the generated self-introduction page does not rely on external JavaScript libraries; it uses only inline CSS and JavaScript along with Google Fonts to ensure the single-file HTML works independently.

What is the best way to build a personal portfolio page for local viewing?▼

The best way to build a personal portfolio page for local viewing is using a guided Q&A that outputs a ready-to-open index.html file, embedding all interactive elements and styles directly for immediate browser access.

Related Skills

Explore More Design & Creative Skills→
stribusstribus
1

reversa-clarify

Generate up to five clarifying questions for feature requirements and update the requirements document.

Community
Advanced
Hack23Hack23
9

aws-s3-cloudfront

Deploy AWS S3 static websites with CloudFront enforcing secure configurations.

Official
Advanced
nexu-ionexu-io
84.7k

saas-landing

Generate a self-contained SaaS landing HTML with inline CSS and data-od-id attributes.

Official
Intermediate
cafe3310cafe3310
248

oneshot-website

Generate self-contained single-file HTML websites with CSS and vanilla JavaScript.

Community
Advanced