← ClaudeAtlas

forgelisted

Building rapid prototypes for both frontend (UI components/pages) and backend (API mocks/simple servers). Use when validating new features or turning ideas into working demos. Prioritize working software over perfection.
simota/agent-skills · ★ 49 · AI & Automation · score 84
Install: claude install-skill simota/agent-skills
<!-- 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