Tactile Web Design
Build tactile websites with paper textures, virtual characters, and purposeful interactions. Includes a responsive template and a reusable web design skill.
Original workflows for websites, images, presentations, and everything in motion.
Build tactile websites with paper textures, virtual characters, and purposeful interactions. Includes a responsive template and a reusable web design skill.
Impeccable is an AI frontend design Skill for building and refining interfaces: typography, layout, accessibility, responsive behavior and browser iteration.
Create sunny multi-page consumer-brand websites with a pastel campaign hero, curved ribbons, routed product and journal pages, configurable collections and local shopping demos. Includes editable source, an offline HTML preview, a builder and route-aware validation.
Create an original product landing page with a dark floating navigation bar, graphite-and-teal headline and editable product-interface stage. Includes scroll-triggered product-depth settling, section reveals, internal diagram staggers, a workflow connection draw, three fictional single-page briefs, working sample controls and local-feedback forms. A dependency-free Node.js builder produces offline HTML; no backend or image service is included.
Generate original white-and-cobalt infrastructure landing pages with layered data/code panels, a sample pipeline, signal catalog, architecture comparison and transparent context-review modules. Includes configurable HTML, JSON, CSS, local controls, purposeful scroll entrances and line drawing, original station artwork and an offline Node.js builder. Three fictional examples cover platform, research and deployment campaigns; live services are integrated separately.
Create original energetic social posters with bold typography, duotone circular art, and your branding. A self-contained Agent recipe chooses six layouts and thirteen placement presets for website OG, Facebook, Instagram, and YouTube, preserving exact copy across campaigns and focused edits.
Generate original creative-studio, portfolio and cultural-brand websites with marker headlines, cream paper, cobalt/red/yellow accents, licensed reference photography and original hand-drawn artwork. Includes an editable content-driven template, two editorial home sections, page entrance/scroll animation and accessible project, filter and brief-form interactions.
Build distinctive web interfaces with content-informed typography, composition and visual direction.
Design guidance for AI coding agents: generate a project design system, search styles, colors and typography, and apply framework-specific UI/UX recommendations to web and app interfaces.
Build original Slate-inspired operations workspaces with cool gray navigation, white bordered cards, blue data charts and compact record workflows. Includes editable HTML, CSS, JavaScript and JSON, an offline builder, dashboard/list/detail/preferences pages, search, filters, pagination, local editing, stage updates, notes, archive confirmation and dark mode. The fictional print studio is replaceable; shared data, accounts and messaging require service integrations.
Use Playwright to inspect local web apps, exercise frontend flows and capture screenshots and logs.
Create original Apple-inspired social images with generous whitespace, restrained large typography, sculptural objects, and precise soft studio light. A self-contained recipe selects six layouts and thirteen website, Facebook, Instagram, and YouTube presets, preserves buyer branding and exact copy, and guides campaigns, focused edits, and output inspection.
Create original retro-futurist event websites with an integrated illustrated hero and header, angular headlines and parchment textures. Includes an eight-section homepage, original fictional host portraits with a responsive carousel, installation art, a landscape manifesto, venue guide and local pass planner; programme, session details and shared visit planning remain fully editable.
Create original editorial social images with warm paper, black pen illustrations, confident typography, and your branding. The Agent chooses among six layouts and thirteen placement presets for website OG, Facebook, Instagram, and YouTube. A concise, self-contained recipe covers exact copy, coordinated campaigns, focused edits, and output checks.
Create original monochrome social graphics with precise grids, sharply cut geometric planes, bold typography, and controlled white light. A self-contained Agent recipe selects six layouts and thirteen canvas presets for website OG, Facebook, Instagram, and YouTube, using your brand and exact copy. Covers coordinated campaigns, focused edits, actual-size export, and visual inspection.
Build multi-component HTML artifacts with React, state management and a bundled delivery workflow.
Generate original graph-paper storefronts with condensed headlines, licensed real photography, illustrated product shelves, cobalt rules, and yellow notes. Includes a content-driven offline template, two editorial homepage sections, page entrance and scroll animation, product pages, accessible dialogs, and honest local demo forms.
Generate an original performance-commerce website with a bold orange photo-and-product stage, graphite typography, limestone catalog surfaces and visible page animation. Includes editable content, real editorial photography, original vector products, optional field notes and packing guide blocks, routed home/collection/product pages and useful local controls. Rebuild offline HTML with Node.js or adapt the recipe to an existing framework.
Create original graphite social images with precise task, relationship, and roadmap geometry, restrained lavender focus, and your own branding. A self-contained Agent recipe selects among six layouts and thirteen website, Facebook, Instagram, and YouTube placement presets, preserves exact copy across campaigns, and guides native generation, focused edits, and final image checks.
A small library, made with care. More skills are on the way.