Skip to content

187WEB

187WEB Ability Showcase.

A visual gallery of the 187WEB command surface: real triggers, output contracts, scenario chains, and end-to-end demos for every first-class skill and subskill.

Browse all skills/187 reference

/187 command palette

Autocomplete before it explains.

Type a slash command and the selector suggests skills, agents, modules, abilities, research profiles, and packs from the same registry used by the docs and CLI.

55 registered commands

/187coreFront Door

187COMMAND — Open the universal 187WEB command surface.

/187 selselectorFront Door

187SELECT — Select skills, agents, abilities, profiles, or packs.

/187 acselectorFront Door

187AUTO — Autocomplete and command suggestions.

/187 preselectorFront Door

187PREFLIGHT — Run install/onboarding preflight.

/187 capselectorFront Door

187CAP — Detect local capability and runtime status.

/187 pack <name>selectorFront Door

187PACK — Explain or install a curated pack.

/187 install <alias|pack>selectorFront Door

187PACK — Install one skill, agent, ability, module, profile, pack, or full suite after a plan.

/187 doctorselectorFront Door

187CAP — Check repo, docs, adapters, build, and capability health.

Premier systems · pride spectrum · autism-aware

Access+ and Include+ are first-class skills.

Most suites bolt accessibility on at the end. 187WEB ships 187ACCESS+ (red → green) and 187INCLUDE+ (green → purple) as premier skill systems — disability access, ADHD/neurodivergent usability, LGBTQ+ and identity safety — united by green. Full pride sweep: /187++.

CORE · 01

Disability access

Screen readers, keyboard/switch paths, captions, contrast, focus order, motor targets — WCAG+ as product quality, not a pre-ship scramble.

Open path

CORE · 02

ADHD & neurodivergent UX

Predictable structure, reduced cognitive load, clear next actions, sensory-safe motion — owned by 187ACCESS+, not a marketing reassignment.

Open path

CORE · 03

LGBTQ+ & identity safety

Pronoun-safe systems, inclusive fields, anti-bias copy, community safety — 187INCLUDE+ identity architecture, not a sticker.

Open path

CORE · 04

Skillchains, not checklists

Access+ and Include+ route into craft, write, test, docs, and publish — the same pipeline that ships features. Explore /187++ for the combined sweep.

Open path

First-class · red → green

187ACCESS+

Disability + neurodivergent + assistive access

Premier access skill: disability access (vision, hearing, motor), ADHD and neurodivergent usability, cognitive load, sensory safety, and assistive technology. WCAG, ARIA, keyboard paths, captions, focus order, and reduced-motion in one review.

  • Blind / screen-reader + keyboard / switch paths
  • ADHD / autism / cognitive structure & load
  • Captions, transcripts, audio description
  • Contrast, zoom, reflow, sensory & motion safety
  • WCAG / ARIA findings with severity
/187access · /187access-plus
Open Access+ dossier

First-class · green → purple

187INCLUDE+

LGBTQ+ inclusion + identity safety + anti-bias

Premier inclusion skill for LGBTQ+ safety, names and pronouns, identity fields, privacy, anti-bias language, and community safety. Pairs with 187ACCESS+ for disability and neurodivergent access; /187++ runs both.

  • LGBTQ+ inclusive language and UI patterns
  • Pronouns, names, and identity field design
  • Anti-bias copy and privacy-aware collection
  • Community safety and support-response language
  • Pairs with Access+ for disability / ND access
/187include · 187INCLUDE+
Open Include+ dossier

Unified command · /187++ · full pride

One sweep. Two halves of the rainbow. One publish gate.

/187++ joins Access+ (red→green) and Include+ (green→purple) at green — full pride spectrum as an engineering pass into craft, write, test, and publish.

Explore /187++Access+ onlyInclude+ only
  1. 01 · ACCESS+
  2. 02 · INCLUDE+
  3. 03 · FULL SWEEP
  4. 04 · FIX UI
  5. 05 · FIX COPY
  6. 06 · VALIDATE
  7. 07 · GATE

187 Abilities

What 187WEB actually does

Every card is a skill you can invoke, inspect, and compose. Click through to see triggers, outputs, routing, and templates.

187CRAFT

Design + frontend craft

CR

Trigger

/187craft

Use case

Building or redesigning public-facing pages

Delivers

Mode

Explore 187CRAFT

187REPO

Repo + deploy orchestrator

RE

Trigger

/187repo

Use case

Generating repos from archetype scaffolds

Delivers

Mode and archetype

Explore 187REPO

187KIT

Templates + starter kits

KI

Trigger

/187kit

Use case

Finding or generating starter kits and scaffolds

Delivers

Kit selection

Explore 187KIT

187DOCS

Documentation architecture engine

DO

Trigger

/187docs

Use case

Project docs and READMEs

Delivers

Audience & doc-type mapping

Explore 187DOCS

187WRITE

Suite-wide editorial engine

WR

Trigger

/187write

Use case

Drafting or refining public-facing copy

Delivers

Mode

Explore 187WRITE

187ACCESS+

Disability + neurodivergent + assistive access

AC

Trigger

/187access

Use case

Screen-reader and keyboard audit for pages, apps, and forms

Delivers

Accessibility profile

Explore 187ACCESS+

187INCLUDE+

LGBTQ+ inclusion + identity safety + anti-bias

IN

Trigger

/187include

Use case

Identity-safe forms, pronouns, and name handling

Delivers

Inclusion scope and mode

Explore 187INCLUDE+

Motion + examples

Sample outputs

Stylized previews of what each skill returns when invoked through the /187 surface.

187SEO Audit
/187seo audit /pricing
→ 0 critical, 2 warnings
→ schema plan generated
→ quick wins prioritized
187RESEARCH Lab
/187research climate-models
→ source routes mapped
→ evidence ladder built
→ ro-crate ready
187LAUNCH Checklist
/187launch plan ph
→ ICP + timeline
→ asset plan drafted
→ PH post scheduled
187PUBLISH Gate
/187publish gate
→ surface inventory clean
→ drift repair list
→ GO with 2 fixes

Design & motion lab

Web craft in motion

A living sampler of the techniques 187WEB uses to make interfaces feel alive.

Gradient type

Color that flows across the headline.

A single animated background gradient clipped to text keeps the motion lightweight and the copy readable.

Scrolling capability tags

motiontypographyglassmorphismSVG3D tiltkinetic typemicro-interactionsdark modescroll depthneon glowmotiontypographyglassmorphismSVG3D tiltkinetic typemicro-interactionsdark modescroll depthneon glow

Ambient depth

Floating orbs

Loading states

SVG stroke draw

Kinetic type

Hover me

3D tilt

Pure CSS perspective

The card tilts on hover using perspective and rotateX/Y — no JS tracking required.

↗

Call to action

Pulsing box-shadow draws the eye without flashing.

0

hours automated

Motion Lab

R3F + GSAP showcase scenes

One scene per motion-lab skill — immersive heroes, kinetic type, product viewers, scroll narratives, audio reactivity, network graphs, motion hooks, and the GSAP plugin toolkit — plus a few extra samplers for page transitions and cursor interaction.

Browse the motion technique gallery

187HERO

Immersive hero

Mouse-parallax shards and slow orbital rings with a GSAP entrance.

187TYPE

Kinetic type

3D typography staggered in with GSAP and reduced-motion fallback.

187MODEL

Product viewer

Procedural device built from primitives: drag, rotate, and explode.

187SCROLL

Scroll narrative

ScrollTrigger-driven camera and object choreography across the page.

187AUDIO

Audio mesh

Web Audio oscillator drives an instanced mesh visualization.

187VIZ

Network graph

Instanced nodes and line edges in a web/honeycomb-like layout.

187MOTION

Motion hooks

Spring, loop, stagger, and scrub primitives from the 187WEB motion library.

187MOTION

Magnetic mascot

Cursor pull on the badge and wireframe marks with proximity glow.

187GSAP

Flip layout

Triangle grid morphs into a lockup + full mascot detail panel.

187GSAP

Scroll brand stack

Wireframe, wordmark, and badge reveal as you scroll inside the card.

187GSAP

GSAP toolkit

DrawSVG stroke-in, MorphSVG shape swap, and a Draggable + Inertia chip.

Visual skill gallery

Every skill, one card away

First-class skills plus subskills. Each card links to triggers, outputs, routing, and templates — no redundant hover layers.

/187repo

187REPO

Repo + deploy orchestrator

Generating repos from archetype scaffolds → Mode and archetype

Explore 187REPO
/187craft

187CRAFT

Design + frontend craft

Building or redesigning public-facing pages → Mode

Explore 187CRAFT
/187dev

187DEV

Software engineering / I.T.

Architecture spikes and App Router boundaries → Mode

Explore 187DEV
/187create

187CREATE

Growth-first creation

Rapid landing pages for campaigns and launches → Shipped growth page or component set

Explore 187CREATE
/187vibe

187VIBE

Delight + community

Adding delight and micro-interactions → Mode

Explore 187VIBE
/187launch

187LAUNCH

Go-to-market intelligence

Planning product launches and re-launches → Mode

Explore 187LAUNCH
/187free

187FREE

No-cost stack engine

No-cost stack for a landing page, MVP, demo, or client project → Restated need

Explore 187FREE
/187research

187RESEARCH

Research-grade lab engine

Searching scholarly, biomedical, mathematical, or software sources → Research need & domain classification

Explore 187RESEARCH
/187seo

187SEO

Policy-aware search optimization

Technical SEO audits and page audits → Mode & findings

Explore 187SEO
/187revenue

187REVENUE

Ethical revenue architecture

Revenue model, offer ladder, or pricing page → Recommended model(s)

Explore 187REVENUE
/187docs

187DOCS

Documentation architecture engine

Project docs and READMEs → Audience & doc-type mapping

Explore 187DOCS
/187learn

187LEARN

Learning experience engine

Courses and tutorial series → Learning outcomes

Explore 187LEARN
/187test

187TEST

Assessment & validation engine

Quizzes and knowledge checks for a course → Item list & rubric

Explore 187TEST
/187 access-plus

187ACCESS+

187ACCESS+

187ACCESS+

Explore 187ACCESS+
/187version

187VERSION

Version & release control engine

SemVer decisions for suite upgrades → Version decision

Explore 187VERSION
/187publish

187PUBLISH

Release synchronization engine

Pre-release sync audits → Surface inventory

Explore 187PUBLISH
/187natasha

187NATASHA

Security + red-team ethos

Threat-surface and security-gate audits → Security profile and findings

Explore 187NATASHA
/187chain

187CHAIN

EVM and DeFi assurance

Scope a contract or protocol audit → Scoped findings list

Explore 187CHAIN
/187gsap

187GSAP

GSAP timeline + ScrollTrigger

Build a timeline for a page or component → Timeline spec (targets, duration, easing, stagger)

Explore 187GSAP
/187type

187TYPE

Kinetic / variable 3D typography

Design kinetic headlines and hero type → Type motion spec

Explore 187TYPE
/187model

187MODEL

3D product showcase / configurator

Build a 3D product viewer → Model loading and format plan

Explore 187MODEL
/187scroll

187SCROLL

Scroll-driven 3D camera narratives

Build a scroll-driven 3D scene → Scroll progress map

Explore 187SCROLL
/187audio

187AUDIO

Audio-reactive 3D geometry

Build audio-reactive mesh or particle systems → Audio node graph

Explore 187AUDIO
/187viz

187VIZ

3D network / node-edge data visualization

Build a 3D network or node-edge graph → Data schema and source plan

Explore 187VIZ
/187motion

187MOTION

Reusable R3F/GSAP animation hooks

Create reusable animation hooks → Hook API and signature

Explore 187MOTION
/187hero

187HERO

Immersive 3D hero systems

Build a WebGL/R3F hero background → Hero scene spec

Explore 187HERO
/187theme

187THEME

Palettes, fonts, semantic tokens

List curated themes for a surface → Theme list or ThemeContract

Explore 187THEME
/187agent-ui

187AGENT-UI

The frontend cockpit for AI agents

Render streamed LLM tokens into the DOM without jank → Agent-state model (transition table, not booleans)

Explore 187AGENT-UI
/187write

187WRITE

Suite-wide editorial engine

Drafting or refining public-facing copy → Mode

Explore 187WRITE
/187include

187INCLUDE+

LGBTQ+ inclusion + identity safety + anti-bias

Identity-safe forms, pronouns, and name handling → Inclusion scope and mode

Explore 187INCLUDE+
/187spider-sense

187SPIDER-SENSE

Project aura · novel skillchain detection

Detect a newly successful multi-skill chain and propose promotion → Aura signal (success | novel | none)

Explore 187SPIDER-SENSE

Scenario demos

Real chains, real artifacts

Four end-to-end examples showing how 187 skills chain into outcomes.

Launch a landing page this afternoon

187craft design landing-page187seo audit brief187launch plan ph

Launch day checklist

  • ✓ Hero + CTA drafted (187CRAFT)
  • ✓ SEO / AEO / GEO audit passed (187SEO)
  • ✓ Product Hunt timeline + assets (187LAUNCH)
  • → Publish gate pending (187PUBLISH)

Find a free stack for my MVP

187free mvp hosting187repo init --web187kit apply landing

Free stack recipe

  • Primary: Next.js + Tailwind + Vercel free tier
  • Backup: Astro + Cloudflare Pages
  • Local-first: SQLite / jsonl for data
  • Upgrade path: PostgreSQL when > 1k rows

Ship a reproducible research lab

187research climate-models deep187labs protocol187crate release packet

Research Release Packet

  • CLAIMS.md — proved / modeled / speculative
  • METHODS.md + notebooks/
  • DATASET-CARD.md with FAIR metadata
  • ro-crate-metadata.json ready for deposit

Audit a page before publish

187scan page /pricing187standard pre-ship187access-plus audit187publish gate

Publish gate report

  • Scan: 0 critical, 2 warnings (187SCAN)
  • Standard score: 47/50 (187STANDARD)
  • Access: focus ring + alt text OK (187ACCESS+)
  • Go/no-go: GO with 2 fixes

Command surface

Browse by category, click a skill page

Commands that have dedicated skill pages link through to full trigger, output, and template documentation.

CommandIDPurpose
/187187COMMANDOpen the universal 187WEB command surface.
/187 menu187MENUInteractive tool breakdown.
/187 sel187SELECTSelect skills, agents, abilities, profiles, or packs.
/187 ac187AUTOAutocomplete and command suggestions.
/187 pre187PREFLIGHTRun install/onboarding preflight.
/187 cap187CAPDetect local capability and runtime status.
/187 pack <name>187PACKExplain or install a curated pack.
/187 install <alias|pack>187PACKInstall one skill, agent, ability, module, profile, pack, or full suite after a plan.
/187 doctor187CAPCheck repo, docs, adapters, build, and capability health.
Open full /187 reference