Think Eloquent
Official@thinkeloquent
Offers standardized architectural patterns and scaffolding for scalable React component hierarchies using Atomic Design principles.
Agent Skills by Think Eloquent
Showing 9 vetted skills indexed across 1 GitHub repositories.
thinkeloquentcompound-pattern
Coordinate related UI subcomponents by sharing implicit state without prop drilling.
thinkeloquenthooks-pattern
Document React Hooks patterns for extracting reusable state and lifecycle logic.
thinkeloquenthoc-pattern
Wrap React components with Higher-Order Components to reuse cross-cutting logic.
thinkeloquentreact-data-fetching
Optimize React data fetching with caching, deduplication, and parallel requests.
thinkeloquentcreate-atom
Scaffold React and TypeScript atom boilerplate with CSS Modules under src/atoms.
thinkeloquentcreate-molecule
Scaffold a React molecule by composing atoms into a single component.
thinkeloquentfeature-flag-visibility
Gate presentational component containers behind optional feature flags.
thinkeloquentatomic-design-guide
Define atomic-design governance rules for UI component hierarchy and promotion criteria.
thinkeloquentcreate-organism
Scaffolds a complete Organism file set under src/organisms/<Name>/ with TSX, CSS module, stories, tests, and barrel export.
Frequently Asked Questions About Think Eloquent
FAQPage SchemaWhat specific UI development tasks does Think Eloquent enable?▼
Think Eloquent enables the rapid scaffolding of React components, including atoms, molecules, and organisms. It provides standardized patterns for state sharing, lifecycle logic extraction via hooks, and higher-order component implementation to ensure consistent UI architecture and maintainable component hierarchies.
Which engineering personas benefit from these patterns?▼
Frontend engineers and UI architects focused on building scalable, modular design systems benefit most. These patterns are designed for developers managing complex React codebases who require strict governance over component promotion, state management, and consistent file structures across large-scale web applications.
What are the prerequisites for implementing these component patterns?▼
Implementation requires a React and TypeScript environment. Users should have an existing project structure configured for CSS Modules and a testing framework compatible with the generated organism file sets. Familiarity with Atomic Design methodology is necessary to effectively apply the provided governance and hierarchy rules.