skills.rest
Logarn
LogarnCOMMUNITY
Explore all skills by this author →
GitHub

personal-page

Populates a prebuilt personal landing page by editing a TypeScript profile data file.

1|Updated Mar 30, 2026
Search Tags:#typescript#landing page#content generation#portfolio#profile#app refresh#personal page
One-click install
npx skills add https://github.com/Logarn/Worklin-ai --skill personal-page-logarn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: personal-page
Source: https://github.com/Logarn/Worklin-ai/tree/main/assistant/src/config/bundled-skills/personal-page
Command: npx skills add https://github.com/Logarn/Worklin-ai --skill personal-page-logarn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? It turns what the assistant knows about you into a finished personal landing page without any design or build work, by filling in the content of an existing cinematic page shell. ## Core Features & Use Cases - Content-only population: Overwrites the profile export in profile-data.ts with verified facts about the user, leaving layout, styles, and animations untouched. - Managed refresh workflow: Uses the app_refresh tool to recompile the page and surface compile errors, then opens the finished page with app_open. - Iterative edits: Handles later content tweaks like adding achievements or fixing titles through the same edit-and-refresh flow. - Use Case: After onboarding research about a user, the assistant writes their bio, work history, and life areas into the profile data file and presents a ready personal page. ## Quick Start Ask the assistant to create or update your personal page with the facts you want featured, such as your role, projects, and interests.

Frequently Asked Questions about personal-page

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

FAQPage Schema
How do I create a personal landing page about myself?▼

Ask the assistant for a personal page and share the facts you want included. The skill writes your bio, work, and life areas into the profile data file of an existing page app, refreshes it, and opens the finished page.

How do I update content on my personal page?▼

Request the change in plain language, such as adding a marathon PR or fixing a job title. The assistant edits the profile data file and triggers an app refresh so the updated page appears immediately.

Can I change the design or layout of the personal page?▼

Design changes are only made when you explicitly ask for them. By default the skill touches only the content file and never modifies layout, styles, animations, or media.

What happens if the personal page app does not exist in the workspace?▼

If the preseeded personal-page app directory is missing, the skill does not apply. The assistant falls back to building whatever you asked for with the general app-builder skill instead.

Why should I not run a manual build for the personal page?▼

Manual builds with esbuild or other bundlers produce a broken page because the platform compiler has the correct JSX setup. The app_refresh tool is the only supported build step.

Related Skills

Explore More Design & Creative Skills→
aifredoaiaifredoai

deep-research

Execute systematic multi-phase web research with broad exploration and deep dives.

Official
Advanced
istota-projectistota-project
10

website

Publish static websites from a Nextcloud user HTML folder.

Official
Basic
reason-machinesreason-machines
4

figma-portfolio-nextjs

Build and customize a developer portfolio site with Next.js, TypeScript, and TailwindCSS.

Official
Intermediate
nicepkgnicepkg
276

landing-page-copywriter

Generate landing page copy using PAS, AIDA, and StoryBrand frameworks.

Official
Intermediate