#frontend
26 resources
Results
- stellar-forge
Eval-driven coding harness for building production Stellar dApps.
- animation-reverse-engineering
Reverse-engineer any motion reference (a video from X/Twitter, Dribbble, a screen recording, a GIF) into production animation code through frame-level…
- react-server-components-framework
Design and implement React Server Components with Next.js 15 App Router.
- pinme
Zero-config deployment tool: upload static files to IPFS, or create and deploy full-stack web projects (React+Vite + Cloudflare Worker + D1 database).
- pinme-auth
Guides how to call PinMe platform's Identity Platform auth proxy APIs in a PinMe Worker (TypeScript).
- pinme-llm
Guides how to call PinMe platform's OpenRouter proxy APIs in a PinMe Worker (TypeScript).
- pinme-share
Create a polished static share artifact, upload it with pinme upload, and return the final URL.
- pinme-uniwebpay
Guides writing payment services in a PinMe Worker (Cloudflare Worker TypeScript) that call UniwebPay directly through @uniwebpay/sdk.
- pinme-email
Guides how to call PinMe platform's email sending API in a PinMe Worker (TypeScript).
- superdesign
Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models.
- pretext-frontend-motion
Build bold text-driven frontend demos across Accordion, Bubbles, Dynamic Layout, Variable Typographic ASCII, Editorial Engine, Justification Comparison,…
- adapt
Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type.
- audit
Technical UI audit — a11y, performance, responsive.
- brief
Write or update the project's durable design brief at .ui-craft/brief.md.
- craft
One-shot build pipeline for a complete surface from an outcome recipe — inputs (or defaults) → composition → theme → build order → acceptance bar.
- finalize
Pre-ship gate — runs detector, verifies brief and tokens, applies the 10-pass finish bar, ranks findings by feedback hierarchy.
- heuristic
Produce a scored heuristic critique of the UI using Nielsen's 10 + 6 design laws + optional persona walkthroughs.
- sddesign
Full spec-driven pipeline — walks brief → tokens → shape (spec) → craft (build) → converge → ship in one guided run.
- shape
Wireframe-first pass — outputs an ASCII layout + state list + content inventory + question list before any code.
- start
The publisher’s description is only a heading. Open the skill to read what it does.
- tokens
Audit or establish the project's 3-layer token spine.
- ui-craft
You are a design engineer. Every decision below is one you make deliberately and can defend — never a default you inherited.
- ui-craft-dense-dashboard
Dense dashboard / admin / Bloomberg / Retool / data-heavy internal tools.
- ui-craft-editorial
Editorial / magazine / long-form / Medium / Substack / content-heavy UIs.
- ui-craft-minimal
Minimal / clean / Linear / Notion / Vercel / whitespace-heavy UIs.
- unhappy
State-first design pass — inventories and implements all non-happy states (loading, empty, error, partial, conflict, offline) before the happy path, and…
