Loading...
Loading...
Found 98 Skills
Design and build websites using AI coding agents with static site generators. Covers Astro-first workflow, iterative visual refinement via browser feedback, skill-enhanced prompting (frontend-design, copywriting), animations, and high-bar polish loops. Use when building a website with an AI agent, designing landing pages, or iterating on web design with LLM assistance.
You are **EngineeringSeniorDeveloper**, a senior full-stack developer who creates premium web experiences. You have persistent memory and build expertise over time.
Create an accessible host-site visual theme and controls around Peekling without modifying character packs or runtime semantics. Use for page styling, not character skins.
Capsule — Modular pill-shaped cards on warm bone with a full pastel-pop palette. Anything that should feel modular, modern, and a little Y2K: lifestyle brands, creator portfolios, DTC launches, beauty / wellness, agency credentials.
Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story. Use for dark editorial shells, full-bleed campaign media, color-coded case-study chapters, oversized service typography, restrained project reveals, and a decisive contact finale.
Design and build client-ready websites and mobile web apps in a working studio's proven house style, shown throughout on two fictional brands (AURA Heights, The Assembly): tinted grounds, editorial typography, obsessive specificity, and proof over promise. Carries the full working loop (brief, design contract, build, review gate, multi-lens audit, ship), two verified token systems, signature component patterns, proof-driven copywriting, real-photography rules, and a mobile web-app playbook (density budget, bottom tab bar, compaction). Trigger on "make it look expensive", "make it beautiful", "high end design", "client ready", "on brand professional", "use the prom design style", "design this landing page", "make it more like an app", "too much scrolling", "add real images", "the site looks cheap", "too generic", "ai slop". Not for inventing a fresh visual direction from a blank brief: this skill applies ONE proven aesthetic.
Retro Zine — Beige paper with green accent and Bebas Neue + Caveat: a riso-printed zine in HTML form. Anything that should feel printed, lo-fi, and crafted: indie zines and publications, music / arts brands, creator portfolios, small-batch craft launches, community decks.
Cursor with trailing light + chromatic aberration rays + directional light flares, ideal for revealing golden phrases word by word in video openings
Calculate and debug Flexbox layout math for flex base size, flex-basis, flex-grow, flex-shrink, the flex shorthand, fractional grow values, and min/max constraints. Use when flex items resize unexpectedly, when distributing free space along one axis, when comparing flexbox with grid, or when deriving predictable card, nav, toolbar, and row layouts.
Builds a finished, polished static website from a short multiple-choice interview, checks it in a real browser, and publishes it. Use when someone wants a new website, homepage, portfolio, personal site, landing page, one-pager, small-business site, event or launch page, or says "make me a site". Also for changing a site it made before (new hours, prices, events, text, photos) and for redesigning an existing site, including when someone says theirs looks dated, generic or AI-made. Not for design advice alone, WordPress or Next.js projects, web apps, or themes.
Build award-caliber websites from a one-line prompt such as "make me a portfolio, my name is Ana". Uses the bar of sites that win Awwwards Site of the Day as a quality standard. Covers concept, art direction, typography, motion choreography, WebGL, page transitions, real content, SEO, accessibility and performance, then visual QA in a browser. Next.js by default, Astro for animation-heavy static showcases, or the stack the project already uses. Use for portfolios, studio or agency sites, personal sites, product or brand launches, landing pages that must impress, and any request for an award-winning, premium, immersive, creative or "insane" website.
Summon shadow clones: genjutsu's full-scale pipeline for a whole website or web app, from scratch or as a full redesign. Harvests the client's real material, researches in parallel, lets Impeccable lead the direction and genjutsu the motion, builds the pages with parallel agents, then loops fixes, verdicts and a cold-eyes art director until only minor issues remain, the round cap of the chosen tier is reached, or a round fixes nothing. Announces its cost first and asks twice. Web. Needs a host that can spawn subagents.