Audit HTML wireframes against PRD and/or UX Design System documents. Three modes: PRD-only, UX-only, Full (PRD+UX).
기존 HTML 사이트를 분석하여 React 마이그레이션용 와이어프레임, 디자인 토큰, 컴포넌트 계층 구조를 설계하는 스킬. '와이어프레임 그려줘', '디자인 시스템 만들어줘', '컴포넌트 구조 설계해줘', '디자인 토큰 정의해줘' 요청 시 반드시 이 스킬을 사용할 것.
A crisp greybox / blueprint lo-fi wireframe — neutral grey blocks on a pale page, image placeholders drawn as a rectangle with a diagonal X, text shown as solid "lorem bars" of…
A lo-fi multi-screen MOBILE flow wireframe — three or four phone frames laid out in a row on a board, showing a connected user flow (Onboarding → Home feed → Item detail →…
Genera un wireframe HTML de la pantalla P0 del MVP. Usa el DESIGN.md activo para colores, tipografía y estilo. Guarda el HTML en .sdd/diseño/ con la tool Write.
A wireframe portal bursts open, the title comes through, then its letters swap into a second phrase. HyperFrames block, 1920×1080, 8s, 9 variables.
A hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations, scribbled chart placeholders, hatched…
Specify wireframe layouts with content priority, component placement, and annotation.
Ready-to-use wireframe templates for common page types and layouts. Use when searching for wireframe templates, page layouts, or design inspiration.
Wireframing and prototyping workflow: fidelity levels (lo-fi sketch → mid-fi wireframe → hi-fi prototype), tool selection (Figma, Excalidraw, Balsamiq), user flow diagrams,…
Use low- and high-fidelity wireframes and prototypes to test ideas cheaply before building. Use when exploring a design, aligning stakeholders, or validating a flow before…
Wix Design System component reference. Use when building UI with @wix/design-system, choosing components, checking props and examples, or writing tests with component testkits.
Create uncontested market space using value innovation instead of competing head-to-head. Use when the user mentions "blue ocean", "red ocean", "strategy canvas", "ERRC…
Navigate the technology adoption lifecycle from early adopters to mainstream market. Use when the user mentions "crossing the chasm", "beachhead segment", "whole product" — from…
Apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models.
Create irresistible offers using the Value Equation, bonus stacking, risk-reversing guarantees, and ethical scarcity.
Design native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentions "iPhone app", "iPad layout", "SwiftUI", "UIKit", "Dynamic Island", "safe…
Discover what customers truly need by analyzing the "job" they hire your product to do. Use when the user mentions "customer discovery", "why customers churn", "what job does this…
Design MVPs, validated learning experiments, and pivot-or-persevere decisions using Build-Measure-Learn.
Navigate the technology adoption lifecycle from early adopters to mainstream market. Use when the user mentions "crossing the chasm", "beachhead segment", "whole product" — from…
Evaluate and improve interface usability using heuristic analysis. Use when the user mentions "usability audit", "UX review", "users are confused", "heuristic evaluation" — from…
Reviews WooCommerce store UX, checkout flow, mobile usability, and conversion optimization.
Use when a task needs the judgment of a Wood Patternmaker — applying the correct metal-specific shrink rule to pattern dimensions rather than building to the final part's target…
Word document accessibility specialist. Use when scanning, reviewing, or remediating .docx files for accessibility.
Portable work-ledger semantics for claims, attempts, checkpoints, handoff, proof links, stale-claim recovery, privacy, and cross-project coordination.
Reference for working with tmux panes alongside the human. Consult when the user asks to run or monitor a command in another pane, split work across panes (e.g.
Carries out one task or phase while keeping its node in the RoadRaven desktop app current. Claims or creates a node, sets it in progress, checkpoints progress into the node's…
Use when the user says "work on issues", "fetch issues", "pick up an issue", "start working on", or wants to triage and implement tickets from the issue tracker.
Dispatches a code reviewer subagent against the work under review, applies severity discipline to its verdict, and owns the fix-and-re-review loop until no Critical or Important…
Manage the feature-first .workbench umbrella — create, resolve, switch, list, archive, and gc per-feature folders ({ticket}-{slug}) that group…
Bounded product ideation, workflow design, ambition checks, tradeoffs, and smallest-test shaping.
Use when starting a new work package or exploring a problem. Phase 1 DISCOVER — contextualiza stakeholders, síntomas y síntesis del problema. Crear WP + risk register.
Complete workflow for developing new features from design to deployment. Use when starting a new feature, adding functionality, or building something new.
Plan and execute a disciplined feature-flag rollout for any app. Detects existing flag infrastructure (LaunchDarkly, Flagsmith, GrowthBook, Unleash, PostHog, or custom env-var…
Safely change and test untested codebases using Michael C. Feathers'' "Working Effectively with Legacy Code".
Use when gathering or interpreting requirements, estimating effort, or communicating with stakeholders/customers about what to build
Orchestrate cross-cluster workload rebalancing using the kanban board with the validation-then-declare pattern.
Use when someone asks how a productivity, collaboration, or agentic workspace should support sustained professional work across sessions.
Meta-skill for selecting correct WorldCrafter skill. Use when unclear which skill to use, request maps to multiple skills, need to orchestrate skills, user asks for guidance, or…
Use when staking a World Development (WD) manuscript's contribution across the multidisciplinary development literature.
Use when positioning a World Politics manuscript against the comparative-politics and international-relations literatures so it reads as a contribution that travels across cases.
Generate technically correct, design-distinctive WordPress block patterns. Use when creating block patterns, starter page patterns, template patterns, template part patterns, or…
WordPress UX and design enforcement — Core Web Vitals, mobile-first layout, typography, color systems, navigation, page builder patterns, image optimization, form UX, loading and…
Query Pittsburgh's Western PA Regional Data Center (WPRDC) — 363+ datasets covering property assessments, air quality, 311 requests, jail census, overdose data, permits — from…
Query Pittsburgh's Western PA Regional Data Center (WPRDC) — 363+ datasets covering property assessments, air quality, 311 requests, jail census, overdose data, permits — from…
Primary pipeline shaping step after /research and before /prd-to-issues. Use when the problem is understood well enough to turn into a bounded PRD issue.
Walk Sam through writing a strong feature brief in his SDD framework format. Use when Sam says "write a brief", "draft a brief", "new PRD", "create a PRD", "spec a feature", "SDD…
Design-system conventions for Agora uikit foundations and reusable frontend components — CSS design tokens, calculated scales, semantic aliases, typography, themes, accessibility,…
Use when implementing a new Kuvio component for the Alkaa Design System after design spec and structure decisions are finalized
Use when you have a PRD or design spec and need a bite-sized, executable implementation plan that any agent can follow without re-deriving structure.
Use when an approved ROADMAP exists and the owner explicitly starts or initiates a not-started milestone, phase, or version; create Goal.md with objective decomposition, scope…
Create, restructure, edit, or review KORLINX product documentation in the wiki-docs Docusaurus repository.
Synthesize the current conversation into a milestone brief (PRD). Writes to `M###-CONTEXT.md` by default, or files a GitHub issue only with explicit user confirmation.
Application-architecture conventions for a-novel client-side PLATFORM repos (`app/platform-*`): SvelteKit route and server boundaries, app-owned screen composition,…
Write or refine a product brief that makes user value, business outcome, preserved behavior, affected users, acceptance boundaries, and trade-offs explicit.
Write or revise reader-facing product documentation, release text, README copy, UI copy, or technical explanations using concrete evidence and no internal process narration.
Write a PRODUCT.md spec for a significant user-facing feature in Warp, focused on detailed behavior and validation.
Use first, before any copy — when positioning is unwritten, vague, aspirational, or being re-improvised per artifact.
Writes and reviews structured Lean 4 proofs and designs Lean libraries following Mathlib conventions.
Help users define their North Star metric. Use when someone is choosing their primary success metric, trying to align the team around a key measure, struggling with metric…