📦
frontend-aesthetics
79Improve Frontend Visual Design
Generic frontend screens often look similar and miss brand focus. This skill guides typography, color, motion, and depth choices for clearer interfaces.
Design & Creative View
Skills architecture-patterns
📦
architecture-patterns
Content revision r1 Safe 📁 Filesystem access🔑 Env variables⚙️ External commands🌐 Network access⚡ Contains scripts
Apply Architecture Patterns for Next.js Teams
Teams often lose time choosing patterns for features. This skill gives Claude, Codex, and Claude Code a concise architecture guide for consistent implementation.
Supports: Claude Codex Code(CC)
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Agent request
Review the Skillstore skill "architecture-patterns" from https://skillstore.io/skills/barnhardt-enterprises-inc-architecture-patterns.md and its manifest at https://skillstore.io/api/skills/barnhardt-enterprises-inc-architecture-patterns/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "architecture-patterns". I need to add a project dashboard with filters and creation forms.
Expected outcome:
- Use a server component for initial dashboard data.
- Use URL state for filters that need shareable links.
- Use a server action for simple creation.
- Use React Query only when client refetching is required.
Using "architecture-patterns". Review an API route design for creating users.
Expected outcome:
- Define a Zod schema before reading trusted fields.
- Check authentication before business logic.
- Check authorization before resource changes.
- Return clear status codes and consistent errors.
Using "architecture-patterns". Help a new contributor understand the project patterns.
Expected outcome:
Start with the decision trees, then read the focused pattern file for the selected area. Use the linked specialized skill for implementation details.
Security Audit
Safev8 • 7/6/2026 Open versioned report
Static alerts are false positives from Markdown links, code fences, and illustrative TypeScript examples. No executable scripts, credential exfiltration, external network callbacks, command execution, or prompt injection intent was found.
7
Files scanned
2,046
Lines analyzed
0
Review items
0
False positives ignored
Risk Factors
📁 Filesystem access (38)
api-patterns.md:3 api-patterns.md:148 api-patterns.md:421 api-patterns.md:422 database-patterns.md:3 database-patterns.md:124 database-patterns.md:125 nextjs-patterns.md:3 nextjs-patterns.md:8 nextjs-patterns.md:27 nextjs-patterns.md:50 nextjs-patterns.md:78 nextjs-patterns.md:98 nextjs-patterns.md:120 nextjs-patterns.md:233 nextjs-patterns.md:234 react-19-patterns.md:3 react-19-patterns.md:252 SKILL.md:23 SKILL.md:51 SKILL.md:79 SKILL.md:127 SKILL.md:153 SKILL.md:260 state-management-patterns.md:293 state-management-patterns.md:294 typescript-conventions.md:3 typescript-conventions.md:8 typescript-conventions.md:39 typescript-conventions.md:58 typescript-conventions.md:77 typescript-conventions.md:97 typescript-conventions.md:151 typescript-conventions.md:180 typescript-conventions.md:243 typescript-conventions.md:271 typescript-conventions.md:338 typescript-conventions.md:339
🔑 Env variables (2)
⚙️ External commands (34)
database-patterns.md:117-118 react-19-patterns.md:219-233 SKILL.md:33-44 SKILL.md:44-54 SKILL.md:54 SKILL.md:55-56 SKILL.md:56-58 SKILL.md:58-61 SKILL.md:61-63 SKILL.md:63-67 SKILL.md:67-68 SKILL.md:68-72 SKILL.md:72-85 SKILL.md:85-89 SKILL.md:89-98 SKILL.md:98-113 SKILL.md:113-120 SKILL.md:120-138 SKILL.md:138-146 SKILL.md:146-192 SKILL.md:192-201 SKILL.md:201-223 SKILL.md:223-232 SKILL.md:232-241 SKILL.md:241-258 SKILL.md:258-295 SKILL.md:295-301 SKILL.md:301-304 SKILL.md:304-329 SKILL.md:329-332 SKILL.md:332-356 state-management-patterns.md:45-67 state-management-patterns.md:167-178 typescript-conventions.md:69-72
🌐 Network access (11)
⚡ Contains scripts (2)
No confirmed security findings were detected by the latest completed static and semantic audit. This does not prove the skill has no side effects.
Audited by: codex View Audit History →
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/barnhardt-enterprises-inc-architecture-patterns/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/barnhardt-enterprises-inc-architecture-patterns?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/barnhardt-enterprises-inc-architecture-patterns?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/barnhardt-enterprises-inc-architecture-patterns/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/barnhardt-enterprises-inc-architecture-patterns.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA · BibTeX · CFF)
APA citation
Barnhardt-Enterprises-Inc. (2026). architecture-patterns security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/barnhardt-enterprises-inc-architecture-patterns/audits/8BibTeX citation
@techreport{barnhardt-enterprises-inc-barnhardt-enterprises-inc-architecture-patterns-2026,
author = {Barnhardt-Enterprises-Inc},
title = {architecture-patterns security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/barnhardt-enterprises-inc-architecture-patterns/audits/8},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "architecture-patterns security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Barnhardt-Enterprises-Inc"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/barnhardt-enterprises-inc-architecture-patterns/audits/8"
identifiers:
- type: other
value: "skillstore:barnhardt-enterprises-inc-architecture-patterns:audit:8"
description: "Skillstore immutable audit report identifier"
Compare variants
4 installable variantsEach author remains a separate installable skill. The recommended variant is ranked by Skillstore evidence.
Why this variant is first
Higher Skillstore usage
Author / source Skillstore Score Evidence Confidence Skillstore usage Updated
wshobson Recommended
wshobson-architecture-patterns
Skillstore Score 78
Evidence Confidence High
Skillstore usage 21
Updated
2026-08-21
adammanuel-dev-architecture-patterns
Skillstore Score 78
Evidence Confidence High
Skillstore usage 13
Updated
2026-08-21
Barnhardt-Enterprises-Inc Current
barnhardt-enterprises-inc-architecture-patterns
Skillstore Score 78
Evidence Confidence High
Skillstore usage 9
Updated
2026-08-21
sickn33-architecture-patterns
Skillstore Score 78
Evidence Confidence High
Skillstore usage 8
Updated
2026-08-21
Skillstore Score
Why this score Evidence Confidence: High 55
Architecture
85
Maintainability
87
Content
74
Community
83
Spec Compliance
What You Can Build
Choose a Feature Architecture
Plan whether a feature should use a server component, client component, server action, or API route.
Review Implementation Consistency
Compare code against TypeScript, API, database, and state management conventions before merging.
Onboard Project Contributors
Teach established framework patterns with quick references, decision trees, and examples.
Try These Prompts
Pick a Component Pattern
I need to display project data and add a delete button. Use the architecture patterns to choose server and client boundaries.
Design an API Route
Plan a create project endpoint using the API patterns. Include validation, auth checks, ownership checks, status codes, and response shape.
Refactor State Choices
Audit this feature state usage against the state patterns. Recommend React Query, useState, Context, URL state, or form state.
Run an Architecture Review
Review this planned feature across Next.js, TypeScript, Drizzle, API, React 19, and state patterns. Identify tradeoffs and follow-up skills.
Best Practices
- Start with the decision trees, then read the linked pattern file for the chosen area.
- Keep server data on the server unless client interaction requires a client component.
- Validate API input and check authorization before running business logic.
Avoid
- Using Context or useState for server data that needs caching and refetching.
- Copying examples without adapting imports, schemas, auth helpers, and database tables.
- Skipping linked specialized skills when a feature needs detailed implementation guidance.
Frequently Asked Questions
Does this skill execute code?
No. It is documentation that guides architecture choices and examples.
Which stack does it target?
It targets Next.js, React 19, TypeScript, Drizzle ORM, Zod, and React Query.
Can it replace specialized skills?
No. It points to specialized skills when detailed implementation guidance is needed.
Is it useful for code review?
Yes. Use it to compare feature code against documented architecture and type safety patterns.
Does it include security guidance?
Yes. It covers validation, authentication, authorization, and SQL injection prevention at a pattern level.
Can it update my project automatically?
No. Claude, Codex, or Claude Code must still apply changes using your normal tools and approvals.
Developer Details
Author
Barnhardt-Enterprises-IncLicense
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Ref
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
Maintenance freshness
7/18/2026
Usage
7 downloads · 442 views
File structure
More from Barnhardt-Enterprises-Inc
View all📦
tdd-enforcer
79Enforce Test-Driven Development Workflows
Teams often skip tests or write them after implementation. This skill guides Claude, Codex, and Claude Code through test-first delivery.
Coding & Development View
📦
security-sentinel
79Audit Code for Security Risks
Security-sensitive code is easy to ship with hidden flaws in authentication, input handling, and secrets. This skill gives Claude, Codex, and Claude Code structured security references and scanner guidance for safer reviews.
Security & Compliance View
📦
zod-validation-patterns
78Build Zod Validation Schemas
Validation bugs create weak application boundaries and unclear user errors. This skill gives practical Zod patterns for TypeScript schemas, API validation, transforms, and typed results.
Coding & Development View
📦
typescript-strict
78Write Strict TypeScript Safely
TypeScript projects can drift into unsafe patterns that hide runtime defects. This skill guides Claude, Codex, and Claude Code toward stricter type usage, clearer errors, and safer narrowing.
Coding & Development View
📦
quality-gates
78Enforce AI Coding Quality Gates
AI-assisted coding can miss tests, security checks, and release criteria. This skill gives Claude, Codex, and Claude Code a staged checklist for safer delivery.
Coding & Development View
Related Skills
View all📦
senior-frontend
81Build Frontend Apps Faster
by davila7
Frontend work often needs consistent React patterns, performance checks, and project scaffolding. This skill gives Claude and compatible agents practical guidance and local helper scripts for modern web application development.
Coding & Development View
📦
senior-fullstack
82Build Fullstack Apps With Senior Guidance
by alirezarezvani
Fullstack projects often need consistent setup, architecture choices, and quality checks. This skill provides scripts and references for React, Next.js, Node.js, GraphQL, and PostgreSQL work.
Coding & Development View
📦
react-dev
82Build Type-Safe React Components
by softaworks
React TypeScript work often needs precise event, hook, and route types. This skill provides focused patterns for typed components, React 19 APIs, and routing.
Coding & Development View
📦
vercel-react-view-transitions
82Implement React View Transitions
by vercel-labs
React view transitions are easy to misplace, causing silent or noisy animations. This skill guides route, Suspense, list, and shared element animation choices.
Coding & Development View
📦
nextjs-architecture
81Plan Next.js App Router Architecture
by 89jobrien
Next.js teams can struggle to choose routes, components, data loading, and migration steps. This skill gives structured architecture guidance for App Router, Server Components, and performance.
Coding & Development View
📦
vercel-react-best-practices
80Optimize React and Next.js Code
by vercel-labs
React and Next.js applications often lose performance through waterfalls, large bundles, and avoidable re-renders. This skill gives Claude, Codex, and Claude Code concrete review rules for faster frontend work.
Coding & Development View