Name: Frontend Design
Author: bebraw

This project is a lightweight starter for AI-assisted experiments and small software projects. Frontend work should feel intentional and well-designed without turning the template into a heavy, overfit starter.

Repo Context

This repo is a template first. Favor reusable patterns over one-off flourishes.
Keep setup easy to understand, easy to clone, and easy to delete from later projects.
Avoid introducing new dependencies, build steps, or generated boilerplate unless the user explicitly asks for them.
Preserve the repo's lightweight nature when choosing structure, naming, and abstraction.

Workflow

Inspect the surrounding files before designing.
Choose a clear visual direction that fits the requested surface.
Prefer patterns that are portable to future experiments rather than tightly coupled to one demo.
Keep the implementation small enough that a user can prune or reshape it quickly.
If a style or component pattern becomes reusable, document or centralize it in the repo's existing structure instead of scattering one-off decisions.

Design Direction

Repo Context

This repo is a template first. Favor reusable patterns over one-off flourishes.
Keep setup easy to understand, easy to clone, and easy to delete from later projects.
Avoid introducing new dependencies, build steps, or generated boilerplate unless the user explicitly asks for them.
Preserve the repo's lightweight nature when choosing structure, naming, and abstraction.

Workflow

Inspect the surrounding files before designing.
Choose a clear visual direction that fits the requested surface.
Prefer patterns that are portable to future experiments rather than tightly coupled to one demo.
Keep the implementation small enough that a user can prune or reshape it quickly.
If a style or component pattern becomes reusable, document or centralize it in the repo's existing structure instead of scattering one-off decisions.

Frontend Design

Repo Context

Workflow

Design Direction

Frontend Design

Repo Context

Workflow

Design Direction

Implementation Notes

When To Stretch Further

Notion

Prose

Coding Agent (bash-first)

Continuous Learning

Security Review

Widget Generator