テキストから画像
Minimal Developer Portfolio Homepage — AI 画像プロンプト
Generates a clean grid-based personal website homepage mockup for a software engineer portfolio design system. - AIPinMaker
プロンプト
{"type":"desktop browser screenshot of a minimalist personal portfolio website homepage design draft","style":"Swiss grid system, brutalist minimalism, black and white palette, faint technical blueprint guides, thin gray borders, lots of whitespace, monospace micro-labels mixed with bold geometric sans-serif display type","canvas":{"aspect_ratio":"wide 16:9","environment":"shown inside a Chrome-like browser window at localhost:5173 with visible tabs, bookmarks bar, and address bar","background":"white"},"brand":{"logo":"small square outlined mark with initials NRS","name":"{argument name=\"character name\" default=\"Naufaldi Rafif S.\"}"},"header":{"position":"top fixed website navbar below browser chrome","height":"about 64px","left_brand":"NRS logo followed by Naufaldi Rafif S.","navigation":{"count":6,"items":["HOME","BLOG","PROJECTS","ABOUT","SPEAKER","OTHER with down chevron"],"active_item":"HOME in a thin outlined rectangular tab"},"actions":{"count":3,"items":["Contact white outlined button","Download CV black filled button with arrow","small square sun/theme icon button"]}},"layout":{"main_container":"large centered rectangular grid area with faint vertical and horizontal guide lines, coordinate labels, and thin border","technical_annotations":{"count":7,"labels":["X-1440","X-768","X-0","X-1024","X-768","X-480","Y-0 / Y-360 / Y-720 guide markings"]},"sections":[{"title":"01 // INTRO","position":"left large content column","count":1,"content":"huge boxed headline reading {argument name=\"headline text\" default=\"NAUFALDI RAFIF S.\"} split across two lines, black all-caps extra-bold type"},{"title":"professional summary","position":"below headline in left column","count":3,"items":["subtitle: {argument name=\"role title\" default=\"Software Engineer & Mentor\"}","specialty tags: PRODUCT SYSTEMS | BACKEND FOUNDATIONS | ENGINEERING MENTORSHIP","paragraph: {argument name=\"bio paragraph\" default=\"My foundation is frontend, but the direction is broader: backend ownership, product architecture, and end-to-end software delivery.\"}"]},{"title":"02 // ROUTES","position":"right sidebar separated by a vertical divider","count":3,"items":["01 View projects, black active card with code icon and right arrow","02 Get in touch, white row with right arrow","03 Download CV, white row with right arrow"]},{"title":"bottom status strip","position":"bottom of bordered container","count":4,"items":["OPEN TO WORK","7 YRS EXPERIENCE","1000+ MENTEES","BEKASI, INDONESIA"]}],"footer_meta":"right side of bottom strip shows BUILD:2026 and PRD:01"},"typography":{"headline":"massive uppercase bold sans-serif, tight spacing","body":"clean readable sans-serif","microcopy":"small uppercase monospace with wide letter spacing"},"color_palette":{"primary":"#0b0d0e near-black","background":"#ffffff","border":"#e8e8e8 light gray","guides":"#edf2ef very faint green-gray","accent":"thin green line on active route card and top grid guide"},"composition_notes":"Make it look like a polished web design system mockup generated for implementation, not a marketing landing page; emphasize precise alignment, grid overlays, coordinate labels, and modern developer portfolio aesthetics."}参照画像
このAI画像プロンプトテンプレートの使い方
1プロンプトをコピー — テンプレートのプロンプトとネガティブプロンプトを取得。 
2モデルを選ぶ — 最適な推奨AIモデルを選択。 
3生成 — ワンクリックでスタジオを開いて作成。
関連テンプレート
Rainy Cat-Ear Girl with Kitten
Create a vertical cinematic ultra-realistic rainy street portrait of a young woman with long wet dark brown hair (hair color) crouching low on a reflective wet alley pavement, shot from an extreme low wide-angle perspective so one chunky purple-and-lavender sneaker dominates the foreground and the other shoe is behind her. She wears an oversized distressed blue zip hoodie with torn shoulder and sleeve holes, black socks, and bulky futuristic headphones topped with two glowing blue-black cat-ear attachments. Her face is intentionally hidden by a soft square blur censor centered over the face. She holds one transparent umbrella with visible black ribs and a white handle, covered in raindrops, while one small fluffy cream and gray (kitten color) kitten peeks out from the open hoodie at her chest. The scene contains exactly one woman, one kitten, one umbrella, one pair of headphones with two cat ears, and one pair of purple sneakers. Heavy rain falls through a moody urban alley with tall blurred buildings, puddle reflections, scattered pale pink cherry blossom petals on the ground, and large out-of-focus floating water droplets near the lens. Use a cool blue-purple color grade, glossy wet skin and fabric textures, shallow depth of field, dramatic bokeh, high detail, emotional rainy atmosphere, fashion editorial realism, 9:16 composition, no text.
Cinematic Spacecraft Launch Video Prompt
Create a cinematic image of Cinematic Spacecraft Launch Video Prompt. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: cinematic-video. Reference: cinematic-spacecraft-launch-video-prompt-3845.
MLK 'I Have a Dream' Speech Scene
Create a cinematic image of Mlk I Have A Dream Speech Scene. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: cinematic-video. Reference: mlk-i-have-a-dream-speech-scene-2876.
Blue Hour Volcanic Fashion Editorial
Create a cinematic wide-angle fashion editorial photograph of a young Black man with braided cornrows (subject) standing in full-body side profile on a dark volcanic black-sand beach at blue hour, facing right toward towering jagged sea stacks. He wears an oversized futuristic puffer jacket with bold black, white, and pale aqua color-block panels, black track pants with three thin white side stripes, and chunky white sculptural sneakers. Add a small semi-transparent square blur censor block over his face while leaving the braids and silhouette visible. The environment is moody and surreal: deep blue twilight sky, wet dark sand, low ground mist drifting around his feet, and a bright cold light flare near the horizon behind him, partially hidden by the rocks. Compose the person on the left third of a 16:9 frame, with three distinct sharp black rock spires dominating the right side and background. Use shallow cinematic depth of field, realistic lens flare, high contrast, cool teal-blue color grading, dramatic backlighting, soft haze, and a premium sportswear campaign aesthetic. No text, no logos, no extra people.
Avant-Garde Sports Fashion Editorial
Create a fashion image of Avant Garde Sports Fashion Editorial. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: photography. Reference: avant-garde-sports-fashion-editorial-17019.
Under Glass Floor Perspective Shot
Create a creative image of Under Glass Floor Perspective Shot. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: photography. Reference: under-glass-floor-perspective-shot-23912.
他のプロンプトを探す
カテゴリ別にAI画像・動画プロンプトをもっと見る。