frontend-patterns
Frontend architecture guidance for component structure, state, accessibility, and UI behavior.
Skill by takurot
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/takurot-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
- Frontend architecture guidance for component structure, state, accessibility, and UI behavior. Use when building or reviewing interfaces and interaction flows in modern web apps.
- License
- MIT
- Instructions
- 11 lines in SKILL.md · view on GitHub
Files (2)
- SKILL.md
- openai.yaml · agents/
SKILL.md (first lines)
# Frontend Patterns ## Focus - component boundaries - state ownership - accessibility - loading and error states - responsive behavior
From takurot/super-skills, MIT.
More from takurot/super-skills
- 0.464score
e2e-testing
takurot
End-to-end testing workflow for critical user flows using browser automation.
SkillDFreshness: D★ 7Claude Code +9 - 0.464score
api-design
takurot
API design guidance for resources, validation, error envelopes, pagination, and compatibility.
SkillDFreshness: D★ 7Claude Code +9 - 0.464score
backend-patterns
takurot
Backend architecture and API design guidance for service boundaries, validation, persistence, and caching.
SkillDFreshness: D★ 7Claude Code +9 - 0.464score
careful
takurot
Destructive-action warning workflow.
SkillDFreshness: D★ 7Claude Code +9 - 0.464score
coding-standards
takurot
Shared implementation standards for maintainable, safe, and readable code.
SkillDFreshness: D★ 7Claude Code +9 - 0.464score
dmux-workflows
takurot
Parallel execution workflow for worktrees, sub-agents, and tmux-style task orchestration.
SkillDFreshness: D★ 7Claude Code +9 - 0.464score
documentation-lookup
takurot
Documentation lookup workflow for current library and API behavior using primary docs and trusted references.
SkillDFreshness: D★ 7Claude Code +9 - 0.464score
exa-search
takurot
Exa-backed search workflow for web, company, and technical discovery tasks.
SkillDFreshness: D★ 7Claude Code +9 - 0.464score
mcp-server-patterns
takurot
MCP design guidance for tools, resources, transports, validation, and trust boundaries.
SkillDFreshness: D★ 7Claude Code +9 - 0.461score
qa-browser
takurot
Browser-centric QA workflow for user flows, regressions, and bug reproduction.
SkillDFreshness: D★ 7Claude Code +9 - 0.461score
freeze
takurot
Scoped-edit workflow that restricts edits to an approved directory boundary.
SkillDFreshness: D★ 7Claude Code +9 - 0.461score
guard
takurot
Combined safety workflow that applies destructive-command warnings and scoped edit boundaries together.
SkillDFreshness: D★ 7Claude Code +9
Signals
- Stars
- 7
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Apr 3, 2026 (6 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/takurot/super-skills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
More from takurot
- 0.464score
e2e-testing
takurot
End-to-end testing workflow for critical user flows using browser automation.
SkillDFreshness: D★ 7Claude Code +9 - 0.464score
backend-patterns
takurot
Backend architecture and API design guidance for service boundaries, validation, persistence, and caching.
SkillDFreshness: D★ 7Claude Code +9 - 0.464score
careful
takurot
Destructive-action warning workflow.
SkillDFreshness: D★ 7Claude Code +9 - 0.464score
api-design
takurot
API design guidance for resources, validation, error envelopes, pagination, and compatibility.
SkillDFreshness: D★ 7Claude Code +9 - 0.464score
coding-standards
takurot
Shared implementation standards for maintainable, safe, and readable code.
SkillDFreshness: D★ 7Claude Code +9 - 0.464score
dmux-workflows
takurot
Parallel execution workflow for worktrees, sub-agents, and tmux-style task orchestration.
SkillDFreshness: D★ 7Claude Code +9
Cite this page
frontend-patterns skill. Agent Mart. https://agentmart.dev/skills/takurot-frontend-patterns (last updated 2026-10-24)