frontend-development
This skill should be used when building or refactoring frontend components, pages, client-side interactions, responsive layouts, accessibility behavior, or UI…
Skill by azri-cs
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/azri-cs-frontend-development
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-development
What's inside
- Skill name
frontend-development- Description
- This skill should be used when building or refactoring frontend components, pages, client-side interactions, responsive layouts, accessibility behavior, or UI state management.
- License
- MIT
- Compatibility
- opencode
- Metadata
- replaces-agent: frontend-developer
- Instructions
- 28 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Frontend Development Apply this skill when working on browser-facing interfaces. ## Focus areas - Component composition and reuse - Responsive layout and design systems - State flow, data fetching, and error states - Accessibility and keyboard interaction - Render and bundle performance ## Workflow 1. Inspect existing UI patterns before introducing new structure. 2. Preserve consistency in layout, naming, and styling conventions. 3. Prefer composable components and predictable state transitions. 4. Include empty, loading, error, and success states. 5. Verify responsiveness, semantics, and accessibility. ## Deliverables - UI architecture recommendation - Component or page implementation plan - Accessibility and performance considerations - Suggested tests for interaction-heavy behavior
From azri-cs/opencode-config, MIT.
More from azri-cs/opencode-config
- 0.382score
backend-architecture
azri-cs
This skill should be used when designing or reviewing service boundaries, business logic layering, API structure, background jobs, and backend maintainability.
SkillDFreshness: DClaude Code +9 - 0.382score
database-architecture
azri-cs
This skill should be used when designing schemas, relationships, indexing, migrations, query patterns, and data-access strategies.
SkillDFreshness: DClaude Code +9 - 0.382score
devops-deployment
azri-cs
This skill should be used when working on CI/CD, deployment automation, containers, cloud infrastructure, release pipelines, or operational reliability.
SkillDFreshness: DClaude Code +9 - 0.382score
fullstack-development
azri-cs
This skill should be used when a feature spans frontend, backend, API, database, and integration behavior and needs coordinated end-to-end implementation.
SkillDFreshness: DClaude Code +9 - 0.382score
javascript-development
azri-cs
This skill should be used when implementing or reviewing JavaScript or TypeScript logic, async control flow, browser or Node behavior, and modern language…
SkillDFreshness: DClaude Code +9 - 0.382score
mobile-development
azri-cs
This skill should be used when building or reviewing mobile application structure, native integrations, offline behavior, performance, or device-specific UX…
SkillDFreshness: DClaude Code +9 - 0.382score
python-development
azri-cs
This skill should be used when implementing or reviewing Python services, automation, async behavior, data processing, type hints, and idiomatic Python…
SkillDFreshness: DClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Apr 2, 2026 (6 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/azri-cs/opencode-config
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from azri-cs
- 0.382score
backend-architecture
azri-cs
This skill should be used when designing or reviewing service boundaries, business logic layering, API structure, background jobs, and backend maintainability.
SkillDFreshness: DClaude Code +9 - 0.382score
database-architecture
azri-cs
This skill should be used when designing schemas, relationships, indexing, migrations, query patterns, and data-access strategies.
SkillDFreshness: DClaude Code +9 - 0.382score
devops-deployment
azri-cs
This skill should be used when working on CI/CD, deployment automation, containers, cloud infrastructure, release pipelines, or operational reliability.
SkillDFreshness: DClaude Code +9 - 0.382score
fullstack-development
azri-cs
This skill should be used when a feature spans frontend, backend, API, database, and integration behavior and needs coordinated end-to-end implementation.
SkillDFreshness: DClaude Code +9 - 0.382score
javascript-development
azri-cs
This skill should be used when implementing or reviewing JavaScript or TypeScript logic, async control flow, browser or Node behavior, and modern language…
SkillDFreshness: DClaude Code +9 - 0.382score
mobile-development
azri-cs
This skill should be used when building or reviewing mobile application structure, native integrations, offline behavior, performance, or device-specific UX…
SkillDFreshness: DClaude Code +9
Cite this page
frontend-development skill. Agent Mart. https://agentmart.dev/skills/azri-cs-frontend-development (last updated 2026-10-24)