
Editorial Dev Portfoliov1.0.0
Use this Skill to build website page.
Create a responsive personal portfolio for an independent software designer or educator, combining selected work, writing, and personal perspective in an editorial layout. It helps solo practitioners build trust and make their experience easy to explore when attracting clients, collaborators, or students.
Picked most often by
Updated Aug 31, 2026
Preview gallery
Runs in
Generates with
Similar Skills
View all skillsWhat you get
- A locked high-fidelity HTML template
- A locked style guide and section map
- A curated inline SVG icon library
- A validator for identity, network, media, and icon rules
Good fit
- developers, technical writers, and design engineers who need a polished page quickly
- Teams adapting the visual system into an existing web stack
- Standalone launches that must work without a build step
Not for
- Projects that need the source brand, people, customer marks, or media
- Back-end product implementation or hosted form processing
- A generic theme that ignores the locked visual language
About this Skill

Editorial Dev Portfolio
Editorial Dev Portfolio helps an agent build a personal portfolio for an independent software designer and educator with a locked editorial-portfolio, monochrome, personal-journal, image-led design language.
What to provide
- The product or service name and one clear promise.
- The primary audience and one CTA.
- Real features, proof, pricing, or workflow details that may appear.
- Optional user-owned imagery or a request for newly generated visuals.
How it works
The Skill first detects the host project's stack, then ports the locked design system into that stack. Standalone requests use a self-contained HTML file. Existing React, Next.js, Vue, Nuxt, Svelte, Astro, or plain HTML projects receive idiomatic components and styles instead.
Every name, logo, person, social profile, customer mark, media asset, and claim in the template belongs to its fictional demonstration brand, Mira Vale. Replace the fictional copy with the buyer's real product story while keeping the hierarchy and spacing disciplined.
Quality checks
Run the bundled validator, open the result at desktop and mobile widths, test every interactive control, and inspect three distinct scroll regions. A finished standalone page has no network requests, no source identity, no emoji icons, and no unresolved placeholders.
What you need before you start
- You bring
- Product name, audience, one-line promise, real proof, and primary CTA · Optional user-owned media or a request for newly generated artwork
- Last tested
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…









