F_x
Community@fen-zx
F_x provides a 23-skill full-stack development pipeline covering requirement analysis, UI prototyping, backend architecture, database design, and code generation for Vue/React and Express/Prisma projects.
Agent Skills by F_x
Showing 23 vetted skills indexed across 1 GitHub repositories.
lowfi-prototype-generator
Generates low-fidelity prototype specification documents from page specs and ASCII layouts.
component-generator
Generates Vue component trees with Props, Emits, Slots interfaces and state management plans.
service-generator
Generates Service layer design documents from API specs, database schemas, and business rules.
backend-code-generator
Generates Express, Prisma, BullMQ, and LangChain backend code from architecture specification documents.
repository-generator
Generates Repository layer design documents with Prisma implementation guidance from database schemas.
layout-optimizer
Analyze ASCII page layouts and prototypes to score usability and produce optimized layout diagrams.
ascii-layout-generator
Generates ASCII character layout diagrams from page specification documents.
business-logic-checker
Reviews requirement models, design documents, and API specs for business logic gaps and risks.
requirement-analyzer
Parses natural language requirements into structured product requirement models covering pages, entities, APIs, and AI capabilities.
changelog-updater
Generates and updates CHANGELOG.md entries from structured change records.
project-state-tracker
Generates Markdown project status reports from structured JSON completion data.
design-generator
Generates page design documents with layouts, components, and API mappings from structured requirements.
backend-architecture-generator
Generates complete backend architecture blueprints from requirement models, design documents, or PRDs.
decision-recorder
Records architecture and design decisions as structured ADR entries in DECISIONS.md.
page-generator
Generates complete Vue page implementation blueprints from component trees and design documents.
ai-workflow-generator
Generates AI workflow designs with LangChain chains, prompts, validation, and retry strategies.
api-integration-generator
Generates API integration plans with endpoint specs, error codes, caching, and Mock strategies.
queue-design-generator
Generates BullMQ queue architecture specifications from API, service, and business logic designs.
react-code-generator
Generates React TypeScript project code from page, component, and API specification documents.
context-manager
Aggregates project documents into task context summaries with risk detection.
context-updater
Updates project context documents with decisions, changelogs, and task completion records.
database-schema-generator
Generates ER models, Prisma schemas, indexes, and migration plans from requirement models.
frontend-architecture-generator
Generates frontend architecture blueprints from page, component, and API design specifications.
Frequently Asked Questions About F_x
FAQPage SchemaWhat tasks can I accomplish using F_x's skills?▼
You can parse requirements into product models, generate ASCII layouts and low-fidelity prototypes, design component trees and frontend architecture, produce backend architecture with database schemas and BullMQ queues, and generate React/TypeScript or Express/Prisma project code.
Who are these skills designed for?▼
Full-stack developers, product engineers, and technical leads building Vue/React frontends with Express, Prisma, Redis, and BullMQ backends. They suit teams wanting a structured pipeline from PRD through architecture documents to generated code.
How do the skills work together in practice?▼
Start with requirement-analyzer, then flow through design-generator, ascii-layout-generator, lowfi-prototype-generator, component-generator, and page-generator for frontend; backend-architecture-generator, database-schema-generator, service-generator, and backend-code-generator for backend. Each skill consumes upstream markdown or JSON specs.
What inputs and prerequisites do the skills require?▼
Each skill accepts structured documents such as PRD text, PAGE_SPECS.md, API_SPECS.md, DATABASE_SCHEMA.md, or JSON models produced by upstream skills. The argument-hint frontmatter specifies exact inputs, and context-manager supplies cross-skill project memory.
How do the skills handle iteration and project memory?▼
context-manager and context-updater maintain project memory across rounds, while changelog-updater generates categorized CHANGELOG entries with semver impact levels, decision-recorder produces ADR logs, and project-state-tracker reports page, component, and API completion progress.