CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

interactive-portfolio

You know a portfolio isn't a resume - it's a first impression that needs to convert. You balance creativity with usability. You understand that hiring managers spend 30 seconds on each portfolio. You make those 30 seconds count. You help people stand out without being gimmicky.

Quality

51%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/interactive-portfolio/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

50%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body delivers a usable pattern catalog (section priorities, case study structure, impact phrasing) but is undermined by broken/misnested code fences, generic advice Claude already knows, dangling section references in the Sharp Edges table, and a boilerplate When-to-Use section. It reads as auto-generated structure without verification.

Suggestions

Fix the code fences: nested bare ``` blocks inside ```javascript fences (e.g. the Portfolio Architecture and Project Showcase sections) break rendering; use consistent fencing or plain markdown for those blocks.

Replace the Sharp Edges Solutions column's references to nonexistent sections ('## Right-Sizing Your Portfolio', '## Mobile-First Portfolio', '## Portfolio CTAs', '## Portfolio Freshness') with actual inline fixes or create those sections.

Delete the filler 'When to Use' sentence and trim advice Claude already knows (impact quantification, mobile-first) in favor of concrete, portfolio-specific guidance.

DimensionReasoningScore

Conciseness

The list/table format is mostly efficient, but it explains concepts Claude already knows (hiring managers value code quality, quantify impact, mobile-first), duplicates the frontmatter description as a role preamble, and ends with the meaningless boilerplate 'This skill is applicable to execute the workflow or actions described in the overview.'

3 / 5

Actionability

Concrete artifacts exist (essential-sections table with priorities, hero formula template, 9-step case study outline, impact-phrasing table), but much guidance is abstract ('Add personal touches', 'Show, don't tell', 'Quality over quantity') with no executable examples or specific steps to implement them.

3 / 5

Workflow Clarity

There is no end-to-end workflow: the content is a pattern catalog whose rough sequences (30-Second Test, case study structure) lack validation checkpoints or feedback loops, though the skill is not destructive/batch so no hard cap applies.

3 / 5

Progressive Disclosure

The ~220-line body has decent section headers but no bundle files at all, and the 'Sharp Edges' table's Solutions column references sections ('## Right-Sizing Your Portfolio', '## Portfolio CTAs') that do not exist in the document, leaving navigation partially broken.

3 / 5

Total

12

/

20

Passed

Description

31%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description reads as persona fluff rather than a functional skill description: it is written in second person, states no concrete capabilities, and provides no trigger guidance for when the skill should activate. It would rarely be selected on description alone.

Suggestions

Rewrite in third person with concrete actions, e.g. 'Designs and structures interactive developer/designer portfolios: hero sections, project showcases, case studies, and contact conversion.'

Add an explicit 'Use when...' clause with natural trigger terms such as 'portfolio', 'portfolio website', 'personal site', or 'showcase my work'.

Remove the 30-seconds/hiring-manager narrative and other motivational filler; keep only capability and trigger information.

DimensionReasoningScore

Specificity

The description names the portfolio domain but its actions are generic ('make those 30 seconds count', 'help people stand out without being gimmicky'), matching the anchor-2 level; the mandatory 1-point penalty for second-person voice ('You know...', 'You help people...') instead of third person lowers it to 1.

1 / 5

Completeness

The 'what' is only implied (portfolio design help) and vague, and there is no 'when' or 'Use when...' trigger clause anywhere, which both matches the anchor-2 example and independently caps completeness at 3.

2 / 5

Trigger Term Quality

'portfolio', 'first impression', 'convert', 'hiring managers', and 'stand out' are natural terms, but common user phrasings like 'portfolio website', 'personal site', or 'showcase my work' are missing, fitting the 'some relevant keywords but missing common variations' anchor.

3 / 5

Distinctiveness Conflict Risk

'Portfolio' is a reasonably distinct niche, but the persona-style phrasing with no concrete triggers leaves overlap risk with adjacent skills like personal branding, resume writing, or landing-page design, which the body itself lists as related.

3 / 5

Total

9

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

administrakt0r/AI-Agents-Safe-Coding-Skills

Path

skills/interactive-portfolio/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.