frontend-patterns
Implement and review React + Tailwind + shadcn-style UI patterns for akasha-ui and Code Studio — layout, forms, a11y, and component conventions without…
Skill by azerothl
Chalk Labs
Need help deploying frontend-patterns?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/azerothl-frontend-patterns
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/frontend-patterns
What's inside
- Skill name
frontend-patterns- Description
- Implement and review React + Tailwind + shadcn-style UI patterns for akasha-ui and Code Studio — layout, forms, a11y, and component conventions without external design AI pipelines.
- License
- MIT
- Metadata
- version: 1.0
- Instructions
- 37 lines in SKILL.md · view on GitHub
Files (3)
- SKILL.md
- shadcn-tailwind.md · references/
- skill.json
SKILL.md (first lines)
# Frontend Patterns Practical **frontend implementation** guidance bundled for Akasha UI work — pairs with **interface-review** (QA). ## Akasha angle Extracts stack patterns (React, Tailwind, shadcn conventions) as **references/** the agent reads — no Gemini logo generation or BM25 design DB required in v1. ## When to Use - Building or refactoring UI in akasha-ui / Code Studio - User asks for shadcn/Tailwind component structure - Consistent forms, dialogs, tables in the product ## Tools to Use - **read_file** / **write_file** / **grep_content** — Edit components - **interface-review** — Invoke after significant UI changes ## Execution 1. Read `references/shadcn-tailwind.md` for patterns 2. Match existing project structure (apps/akasha-ui, akasha-code-studio) 3. Prefer composition over one-off CSS 4. Include keyboard/a11y attributes per interface-review P0 list ## Installation ``` Install the frontend-patterns skill from https://github.com/azerothl/Akasha_skills/tree/main/skills/frontend-patterns ``` ## Provenance Inspired by ui-ux-pro-max ui-styling; stripped to Akasha stack references.
From azerothl/Akasha_skills, MIT.
More from azerothl/Akasha_skills
- 0.512score
chart-picker
azerothl
Choose appropriate chart types for data stories and optionally generate AntV-style configs.
SkillCFreshness: C★ 2Claude Code +9 - 0.509score
evidence-synthesis
azerothl
Lightweight systematic literature synthesis (~20 papers max) using arXiv search and sequential summarization.
SkillCFreshness: C★ 2Claude Code +9 - 0.507score
api-spec-consumer
azerothl
From an OpenAPI spec (URL or local path), produce an API summary (endpoints, methods, auth) and optionally example calls (curl or code snippets).
SkillCFreshness: C★ 2Claude Code +9 - 0.507score
architecture-atlas
azerothl
Build a markdown wiki with Mermaid diagrams describing codebase architecture — modules, data flow, and key types.
SkillCFreshness: C★ 2Claude Code +9 - 0.507score
code-simplify
azerothl
Review recent changes for reuse, quality, and efficiency; then fix issues.
SkillCFreshness: C★ 2Claude Code +9 - 0.507score
debug-akasha
azerothl
Diagnose Akasha daemon, CLI, and config issues.
SkillCFreshness: C★ 2Claude Code +9 - 0.507score
batch-processing
azerothl
Break a large repetitive change into tracked steps (todos), execute in order, and verify.
SkillCFreshness: C★ 2Claude Code +9 - 0.504score
framework-report
azerothl
Two-phase structured business report — framework selection then concise deliverable in French or English.
SkillCFreshness: C★ 2Claude Code +9 - 0.504score
diagram-spec
azerothl
Produce Mermaid diagrams for ideas, architecture sketches, and flows — lightweight spec without full wiki generation.
SkillCFreshness: C★ 2Claude Code +9 - 0.504score
container-ops
azerothl
Docker and container workflows aligned with Akasha run_in_container — build hints, compose checks, logs, and safe run_command patterns.
SkillCFreshness: C★ 2Claude Code +9 - 0.492score
daily-project-checkin
azerothl
Create and review daily project check-ins using schedule_task and memory tools.
SkillCFreshness: C★ 2Claude Code +9 - 0.487score
daily-digest
azerothl
Produce a concise daily digest from recent tasks and memory.
SkillCFreshness: C★ 2Claude Code +9
Signals
- Stars
- 2
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Jun 8, 2026 (4 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- Version
- 1.0
- License
- MIT
- Repository
- github.com/azerothl/Akasha_skills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from azerothl
- 0.613score
notes-writer
azerothl
Créer, mettre à jour, lier et explorer des notes markdown via le module notes
SkillAFreshness: A★ 5Claude Code +9 - 0.613score
notes-writer
azerothl
Create, update, link, and explore markdown notes via the notes module
SkillAFreshness: A★ 5Claude Code +9 - 0.608score
planner
azerothl
Décomposer un goal complexe en sous-tâches et déléguer à des sous-agents
SkillAFreshness: A★ 5Claude Code +9 - 0.608score
morning-brief
azerothl
Short local briefing from memory, open tasks, and notes — no network
SkillAFreshness: A★ 5Claude Code +9 - 0.608score
deep-thinking
azerothl
Plans Deep Thinking hiérarchiques avec révision dynamique et délégation
SkillAFreshness: A★ 5Claude Code +9 - 0.608score
file-author
azerothl
Lire/écrire des fichiers et générer des artefacts (md, txt, json, csv, pdf)
SkillAFreshness: A★ 5Claude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get frontend-patterns running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
frontend-patterns skill. Agent Mart. https://agentmart.dev/skills/azerothl-frontend-patterns (last updated 2026-10-24)