forge

Solid

Building rapid prototypes for frontend (UI components/pages) and backend (API mocks, simple servers). Use to validate new features or turn ideas into working demos. Working software over perfection.

AI & Automation 72 stars 14 forks Updated today MIT

Install

View on GitHub

Quality Score: 85/100

Stars 20%
62
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

<!-- CAPABILITIES_SUMMARY: - ui_component_prototype: Isolated component or state pattern with mock data (shadcn/ui with Radix or Base UI primitives) - page_flow_prototype: User journey or screen-level prototype with minimal states - api_mock: MSW v2 handler reuse (single source of truth across dev/test), json-server, inline mocks - backend_poc: Minimal Express/Fastify CRUD, webhook, or socket proof - full_stack_slice: Thin end-to-end prototype (UI + mocks/backend + insights) - builder_handoff: L0-L3 quality levels with structured handoff packages - story_scaffolding: Preview stories for component prototypes - ai_scaffold_review: Review and integrate AI-generated code (v0/Bolt.new/Lovable/Google Stitch/Figma Make) with security audit - modern_css_prototyping: Prototype with modern CSS features — Anchor Positioning (declarative tooltips/dropdowns), Popover API (native modals), Grid Lanes/CSS Masonry (native masonry), CSS if() (conditional theming) - mobile_prototype: React Native / Flutter / Expo prototype with stubbed native capabilities (camera, push, location, biometric) and device preview, throwaway-first lifecycle - dashboard_prototype: Admin / analytics dashboard PoC with charting library scaffolding (Recharts / Chart.js / ECharts), table virtualization, filter/date-range shell, and seeded mock time-series data - ai_feature_prototype: AI feature PoC (chat UI, streaming response shell, RAG demo, agent UI) with prompt-injection-safe input handling and token-cost budget awar...

Details

Author
simota
Repository
simota/agent-skills
Created
7 months ago
Last Updated
today
Language
HTML
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

prototype

Build production-feel HTML prototypes for sales demos and reviews. Runs a discovery Q&A, scaffolds a zero-dep static site (HTML + Tailwind CDN + theme/layout switchers + URL-state + feedback overlay + control bar) and runs a design-quality loop. Use when the user says "prototype", "mockup", "demo", "pitch page", "sales demo", "click-through", or describes a UI they want to show someone without building the real thing. Also handles /prototype variant "<vibe>" (fork a variant) and /prototype apply-feedback <file> (apply pinned feedback JSON).

4 Updated 2 weeks ago
kurenn
AI & Automation Listed

06-core-prototype-ui-live-in-the-real-site-with-mock-data

CORE — never delete. HARD MANDATE: this is THE default way to prototype/mock/show ANY UI or UX idea. Trigger the moment a task is 'mock this up', 'show me how X would look', 'design a screen', 'what if the layout was…', 'make me a bento', or any look-and-feel iteration. NEVER build a throwaway HTML file, a separate standalone app, or reach for v0/Lovable/bolt/Figma — those lose fidelity and get thrown away. Instead scaffold the screen INSIDE the real running app using its existing shared components + theme tokens, feed it MOCK DATA behind a flag so it renders instantly with no DB/auth, run it locally, and show the user via the chrome-devtools MCP (Chrome) so they can iterate by voice ('smaller', 'move that', 'make it a bento') against the actual site. The prototype IS the product — zero translation step at the end.

0 Updated 2 weeks ago
markkennethbadilla
Web & Frontend Listed

web-artifacts

Turns any idea into a live single-file HTML prototype in minutes — inline CSS/JS, CDN-only dependencies (cdnjs), mobile-first, seeded with believable fake data, interactive states wired — ready to open in a browser or paste as a Claude artifact. Use when the user says "prototype this", "show me a working demo", "make this idea clickable", "can we test this flow before building it", or needs to feel an interaction instead of reading a spec.

11 Updated 3 weeks ago
alebgl77